diff --git a/src/lib/components/studio/sidebarProject.svelte b/src/lib/components/studio/sidebarProject.svelte
index a7e3fb125..8d750d9ae 100644
--- a/src/lib/components/studio/sidebarProject.svelte
+++ b/src/lib/components/studio/sidebarProject.svelte
@@ -32,7 +32,7 @@
     ];
 </script>
 
-<nav style:--icon-fill="var(--fgcolor-neutral-tertiary)" class:isOpen>
+<nav style:--icon-fill="var(--fgcolor-neutral-tertiary)" class="project-sidebar" class:isOpen>
     <Layout.Stack direction="column" justifyContent="space-between" height="100%">
         <Layout.Stack gap="xs" inline>
             {#each menuItems as menuItem}
@@ -78,12 +78,6 @@
         }
     }
 
-    :global(nav > div) {
-        @media (min-width: 768px) {
-            width: 32px !important;
-        }
-    }
-
     .isOpen {
         transform: translateX(0);
     }