diff --git a/resources/css/app.css b/resources/css/app.css
index 8d30890955..07aa70d5eb 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -6142,6 +6142,18 @@ html .application-settings-navigation .menu-item-icon {
     }
 }
 
+/* setCanvasDots() writes these on the canvas root on every pan and zoom step, and
+   only the root reads them. Inherited, each write restyles every card in the canvas. */
+@property --canvas-dots-size {
+    syntax: '*';
+    inherits: false;
+}
+
+@property --canvas-dots-position {
+    syntax: '*';
+    inherits: false;
+}
+
 /* Canvases at full zoom: the grid dots turn into small Coolify logos, one
    per 20px tile. setCanvasDots() (environment-canvas.js) sets .canvas-zoom-max. */
 .canvas-zoom-max {
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
index 86c5d4fd85..fc1bd291bc 100644
--- a/resources/views/components/navbar.blade.php
+++ b/resources/views/components/navbar.blade.php
@@ -339,7 +339,7 @@
                 class="menu-item sidebar-toggle w-8 shrink-0 justify-center px-0">
                 <svg class="menu-item-icon" viewBox="0 0 24 24" fill="none">
                     <rect x="3" y="5" width="18" height="14" rx="4" stroke="currentColor" stroke-width="1.6" />
-                    <path d="M16 9v6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
+                    <path :d="collapsed ? 'M16 9v6' : 'M8 9v6'" d="M8 9v6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
                 </svg>
             </button>
         </div>