diff --git a/app/views/layouts/tailwind.html.erb b/app/views/layouts/tailwind.html.erb
index a7e54848..8413150f 100644
--- a/app/views/layouts/tailwind.html.erb
+++ b/app/views/layouts/tailwind.html.erb
@@ -282,6 +282,25 @@
 
     <!-- sidebar backdrop on mobile --> 
     <div class="fixed inset-0 z-10 w-screen h-screen bg-black bg-opacity-25 lg:hidden" x-show="showSidebar" @click="showSidebar = false" x-cloak></div>
+    
+    <!-- Floating notebook toggle button (shows when sidebar is hidden) -->
+    <button x-show="!showSidebar" @click="showSidebar = true" 
+            class="fixed bottom-8 -left-2 z-30"
+            x-cloak>
+      <div class="relative pl-0 hover:pl-2 transition-all duration-300">
+        <div class="ripple-effect bg-notebook-blue text-white rounded-r-lg shadow-lg py-3 px-5 flex flex-row items-center justify-center space-x-2">
+          <!-- Menu icon -->
+          <i class="material-icons text-white text-base">menu_open</i>
+          
+          <!-- Colored indicators -->
+          <div class="flex flex-row space-x-1.5">
+            <div class="w-1.5 h-5 bg-blue-300 rounded-full"></div>
+            <div class="w-1.5 h-5 bg-green-400 rounded-full"></div>
+            <div class="w-1.5 h-5 bg-purple-400 rounded-full"></div>
+          </div>
+        </div>
+      </div>
+    </button>
   <% end %>
 
   <!-- main content -->