diff --git a/src/pages/desktop.js b/src/pages/desktop.js
index 262035d..2b03409 100644
--- a/src/pages/desktop.js
+++ b/src/pages/desktop.js
@@ -1,11 +1,14 @@
 export function renderDesktop() {
   const html = `
-    <div class="bg-slate-900/40 backdrop-blur-2xl border border-white/10 p-8 rounded-3xl shadow-2xl max-w-lg w-full text-center space-y-4">
-      <div class="inline-flex p-3 bg-indigo-500/20 border border-indigo-500/30 rounded-2xl text-indigo-300 text-3xl">
-        ✨
+    <!-- absolute top-8 right-8 ile sağ üste sabitliyoruz -->
+    <div class="absolute top-8 right-8 bg-slate-900/40 backdrop-blur-2xl border border-white/10 p-6 rounded-3xl shadow-2xl max-w-md w-full text-left space-y-3">
+      <div class="flex items-center gap-3">
+        <div class="inline-flex p-2 bg-indigo-500/20 border border-indigo-500/30 rounded-xl text-indigo-300 text-xl">
+          ✨
+        </div>
+        <h2 class="text-xl font-bold text-white">Masaüstü</h2>
       </div>
-      <h2 class="text-3xl font-bold text-white">Masaüstü</h2>
-      <p class="text-slate-300 text-sm leading-relaxed">
+      <p class="text-slate-300 text-xs leading-relaxed">
         Modüler mimariye geçtik! Arka planı değiştirmek için sol menüdeki <b>Ayarlar</b> sekmesine geçebilirsin.
       </p>
     </div>