diff --git a/src/server/views/layouts/layout.ejs b/src/server/views/layouts/layout.ejs
index 03a1ab6..5dca423 100644
--- a/src/server/views/layouts/layout.ejs
+++ b/src/server/views/layouts/layout.ejs
@@ -19,7 +19,7 @@
     <%= head %>
   <% } %>
 </head>
-<body class="min-h-screen pixel-grid-bg pt-14" style="background-image: url('/assets/images/background.svg'); backdrop-filter: blur(8px); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat;">
+<body class="min-h-screen pixel-grid-bg pt-14" style="background-image: url('/assets/images/background.svg'); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(10px); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat;">
 
   <% if (useDashboardNav) { %>
     <%# If the server pre-rendered the dashboard nav it will be available as dashboardNav (string) %>
diff --git a/src/server/views/pages/dashboard.ejs b/src/server/views/pages/dashboard.ejs
index 73b18f4..f2680af 100644
--- a/src/server/views/pages/dashboard.ejs
+++ b/src/server/views/pages/dashboard.ejs
@@ -113,33 +113,9 @@
           <main class="flex-1">
             <div class="mb-6">
               <h1 class="text-4xl font-bold text-white">Welcome <span class="text-blue-400"><%= user?.username || 'Admin' %></span>,</h1>
-              <p class="text-slate-300 mt-2">find commonly used dashboard pages below.</p>
             </div>
 
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-              <div class="bg-white/4 rounded-xl p-6">
-                <h4 class="text-white font-semibold">Custom messages</h4>
-                <p class="text-slate-300 text-sm mt-2">Create fully customized messages called templates and pack them with your very own embeds, buttons and select menus.</p>
-                <div class="mt-4"><a href="#" class="inline-block px-3 py-2 rounded bg-slate-700 text-white">Create template</a></div>
-              </div>
 
-              <div class="bg-white/4 rounded-xl p-6">
-                <h4 class="text-white font-semibold">Moderation cases</h4>
-                <p class="text-slate-300 text-sm mt-2">View and edit all moderation cases using the dashboard.</p>
-                <div class="mt-4"><a href="#" class="inline-block px-3 py-2 rounded bg-slate-700 text-white">View cases</a></div>
-              </div>
-
-              <div class="bg-white/4 rounded-xl p-6">
-                <h4 class="text-white font-semibold">User reports</h4>
-                <p class="text-slate-300 text-sm mt-2">Allow users to report others and fully customize how to handle them.</p>
-                <div class="mt-4"><a href="#" class="inline-block px-3 py-2 rounded bg-slate-700 text-white">Configure reports</a></div>
-              </div>
-
-              <div class="bg-white/4 rounded-xl p-6">
-                <h4 class="text-white font-semibold">Role greetings</h4>
-                <p class="text-slate-300 text-sm mt-2">Welcome users to their new role by using role assignment messages.</p>
-                <div class="mt-4"><a href="#" class="inline-block px-3 py-2 rounded bg-slate-700 text-white">Show role messages</a></div>
-              </div>
             </div>
           </main>
 
@@ -306,25 +282,33 @@
   
 
   <script>
-    // Drawer toggle logic
-    const drawerToggle = document.getElementById('drawerToggle');
-    const mobileDrawer = document.getElementById('mobileDrawer');
-    const drawerBackdrop = document.getElementById('drawerBackdrop');
-    function openDrawer() {
-      mobileDrawer.classList.remove('-translate-x-full');
-      drawerBackdrop.classList.remove('hidden');
-    }
-    function closeDrawer() {
-      mobileDrawer.classList.add('-translate-x-full');
-      drawerBackdrop.classList.add('hidden');
-    }
-    drawerToggle?.addEventListener('click', openDrawer);
-    drawerBackdrop?.addEventListener('click', closeDrawer);
-    // support close button inside the drawer
-    const drawerClose = document.getElementById('drawerClose');
-    drawerClose?.addEventListener('click', closeDrawer);
-    document.addEventListener('keydown', (e) => {
-      if (e.key === 'Escape') closeDrawer();
+    // Drawer toggle logic - attach after DOM is loaded so elements exist
+    document.addEventListener('DOMContentLoaded', function () {
+      const drawerToggle = document.getElementById('drawerToggle');
+      const mobileDrawer = document.getElementById('mobileDrawer');
+      const drawerBackdrop = document.getElementById('drawerBackdrop');
+      function openDrawer() {
+        if (!mobileDrawer || !drawerBackdrop) return;
+        mobileDrawer.classList.remove('-translate-x-full');
+        drawerBackdrop.classList.remove('hidden');
+        // move focus to drawer for accessibility
+        mobileDrawer.setAttribute('tabindex', '-1');
+        mobileDrawer.focus();
+      }
+      function closeDrawer() {
+        if (!mobileDrawer || !drawerBackdrop) return;
+        mobileDrawer.classList.add('-translate-x-full');
+        drawerBackdrop.classList.add('hidden');
+        drawerToggle?.focus();
+      }
+      drawerToggle?.addEventListener('click', openDrawer);
+      drawerBackdrop?.addEventListener('click', closeDrawer);
+      // support close button inside the drawer
+      const drawerClose = document.getElementById('drawerClose');
+      drawerClose?.addEventListener('click', closeDrawer);
+      document.addEventListener('keydown', (e) => {
+        if (e.key === 'Escape') closeDrawer();
+      });
     });
   </script>
 
diff --git a/src/server/views/partials/dashboard_nav.ejs b/src/server/views/partials/dashboard_nav.ejs
index 4d4ace8..ed067f1 100644
--- a/src/server/views/partials/dashboard_nav.ejs
+++ b/src/server/views/partials/dashboard_nav.ejs
@@ -132,8 +132,8 @@
 </script>
 
 <!-- Mobile modals -->
-<div id="mobileGuildModal" class="fixed inset-0 bg-black/60 hidden z-50">
-  <div class="absolute bottom-0 left-0 right-0 bg-[#1f2933] rounded-t-xl p-4 max-h-[80vh] overflow-auto">
+<div id="mobileGuildModal" class="fixed inset-0 bg-black/60 hidden z-50" style="display:block;">
+  <div class="fixed inset-x-0 bottom-0 bg-[#1f2933] rounded-t-xl p-4 max-h-[80vh] overflow-auto" style="margin:0;">
     <div class="flex items-center justify-between mb-3">
       <h3 class="text-white font-medium">Servers</h3>
       <button id="mobileGuildClose" class="text-white/70">Cerrar</button>
@@ -155,10 +155,11 @@
       <% } %>
     </div>
   </div>
+  </div>
 </div>
 
 <div id="mobileUserSheet" class="fixed inset-0 bg-black/60 hidden z-50">
-  <div class="absolute bottom-0 left-0 right-0 bg-[#1f2933] rounded-t-xl p-4">
+  <div class="fixed inset-x-0 bottom-0 bg-[#1f2933] rounded-t-xl p-4 max-h-[80vh] overflow-auto">
   <h3 class="text-white font-medium mb-3">User settings</h3>
   <a href="/dashboard/select-guild" class="block py-2 text-white">Servers</a>
   <a href="/auth/logout" class="block py-2 text-rose-300">Log out</a>
