diff --git a/public/css/style.css b/public/css/style.css
index b11460d..f292def 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1240,7 +1240,7 @@ ul, ol {
 }
 
 /* === Mobile Navigation Drawer === */
-.mobile-nav-btn {
+.mobile-nav-btn { display: flex; margin-right: 8px; } .mobile-nav-btnOLD {
   display: none;
   width: 44px;
   height: 44px;
@@ -1317,7 +1317,7 @@ ul, ol {
     display: flex;
   }
 
-  .mobile-nav-btn {
+  .mobile-nav-btn { display: flex; margin-right: 8px; } .mobile-nav-btnOLD {
     display: flex;
   }
 
diff --git a/public/js/views/projectView.js b/public/js/views/projectView.js
index df0057d..318e737 100644
--- a/public/js/views/projectView.js
+++ b/public/js/views/projectView.js
@@ -74,7 +74,7 @@ export async function renderProjectView(app) {
 
     appEl.innerHTML = `
       <header class="app-header">
-        <button class="mobile-nav-btn" onclick="toggleMobileSidebar()" title="Menu">☰</button>
+        <button class="mobile-nav-btn" onclick="window.toggleMobileSidebar()" title="Menu">☰</button>
         <div class="logo">📝 SimpleNote</div>
         <div class="breadcrumb-nav">
           <span class="breadcrumb-link" onclick="window.app.navigate('projects')">Projects</span>
@@ -86,10 +86,10 @@ export async function renderProjectView(app) {
           <button class="btn btn-ghost" onclick="window.confirmDeleteProject('${project.id}')" title="Delete Project">🗑️</button>
         </div>
       </header>
-      <div class="sidebar-overlay" onclick="closeMobileSidebar()"></div>
+      <div class="sidebar-overlay" onclick="window.closeMobileSidebar()"></div>
       <div class="app-layout">
         <aside class="sidebar project-sidebar" id="sidebar">
-          <button class="sidebar-close-btn" onclick="closeMobileSidebar()">✕</button>
+          <button class="sidebar-close-btn" onclick="window.closeMobileSidebar()">✕</button>
           <div class="sidebar-scroll">
             <div class="sidebar-section">
               <div class="section-header">