diff --git a/src/pages/settings.js b/src/pages/settings.js
index 53ee7bf..31b071f 100644
--- a/src/pages/settings.js
+++ b/src/pages/settings.js
@@ -14,6 +14,7 @@ export async function renderSettings(pb, currentBg, onBgSelect) {
 
   const html = `
     <div class="bg-slate-900/60 backdrop-blur-2xl border border-white/10 p-8 rounded-3xl shadow-2xl max-w-4xl w-full h-[80vh] flex flex-col">
+      <button id="closeBtn" class="bg-red-700 border-amber-50 text-amber-50 hover:bg-red-300 ${activeTab === "desktop" ? "bg-white/10 text-white" : "text-slate-400 hover:text-white"}"> X </button>
       <h2 class="text-2xl font-bold text-white mb-2">⚙️ Sistem Ayarları</h2>
       <p class="text-slate-400 text-sm mb-6">Seçtiğin duvar kağıdı doğrudan PocketBase hesabına kaydedilir.</p>