incredibly simple solution that 1pm me could not think of

Author: HoodieRocks

src/lib/sidebar/navigation/SidebarCategory.svelte

@@ -16,11 +16,11 @@
 
 <details ontoggle={() => (windowInfo.isNavOpen = true)} class="w-full group marker:hidden">
   <summary
-    class="rounded-lg cursor-pointer p-1 w-full flex gap-2 items-center text-left hover:bg-stone-700 hover:text-white hover:font-medium marker:hidden focus-visible:outline-2 focus-visible:outline-dph-orange">
+    class="rounded-lg cursor-pointer p-1 flex gap-2 items-center text-left hover:bg-stone-700 hover:text-white hover:font-medium marker:hidden focus-visible:outline-2 focus-visible:outline-dph-orange">
     <Icon />
     {#if windowInfo.isNavOpen}
-      <span class="grow min-w-0 will-change-transform">{name}</span>
-      <IconExpand class="motion-safe:transition-all group-open:rotate-90 rotate-0" />
+      <p class="grow">{name}</p>
+      <IconExpand class="motion-safe:transition-all group-open:rotate-90 rotate-0 select-none" />
     {/if}
   </summary>
   {#if windowInfo.isNavOpen}

vite.config.ts

@@ -16,6 +16,9 @@ export default defineConfig({
     cssMinify: "lightningcss",
   },
   css: {
-    transformer: "lightningcss"
-  }
+    transformer: "lightningcss",
+  },
+  server: {
+    allowedHosts: ["fc7a-24-141-246-63.ngrok-free.app"],
+  },
 });