diff --git a/src/pages/settings.js b/src/pages/settings.js
index 31b071f..728c117 100644
--- a/src/pages/settings.js
+++ b/src/pages/settings.js
@@ -14,7 +14,9 @@ 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>
+      <button id="closeBtn" class="absolute top-4 right-4 bg-rose-500/20 hover:bg-rose-500/40 text-rose-300 border border-rose-500/30 w-8 h-8 rounded-full flex items-center justify-center font-bold text-xs transition-all">
+        ✕
+      </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>