diff --git a/src/lib/components/Actions.svelte b/src/lib/components/Actions.svelte
index a3ba7fcc..9afcd5d8 100644
--- a/src/lib/components/Actions.svelte
+++ b/src/lib/components/Actions.svelte
@@ -2,6 +2,7 @@
   import Card from '$/components/Card/Card.svelte';
   import { Button } from '$/components/ui/button';
   import { Input } from '$/components/ui/input';
+  import { Separator } from '$/components/ui/separator';
   import * as ToggleGroup from '$/components/ui/toggle-group';
   import { browser } from '$app/environment';
   import { waitForRender } from '$lib/util/autoSync';
@@ -16,7 +17,6 @@
   import ExternalLinkIcon from '~icons/material-symbols/open-in-new-rounded';
   import WidthIcon from '~icons/material-symbols/width-rounded';
   import CopyInput from './CopyInput.svelte';
-  import { Separator } from './ui/separator';
 
   const FONT_AWESOME_URL = `https://cdnjs.cloudflare.com/ajax/libs/font-awesome/${FAVersion}/css/all.min.css`;
 
diff --git a/src/lib/components/DropdownNavMenu.svelte b/src/lib/components/DropdownNavMenu.svelte
index c48cf349..4c9ca62a 100644
--- a/src/lib/components/DropdownNavMenu.svelte
+++ b/src/lib/components/DropdownNavMenu.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
+  import { Button } from '$/components/ui/button';
   import * as Popover from '$/components/ui/popover';
   import type { Component } from 'svelte';
-  import { Button } from './ui/button';
 
   interface Props {
     links: { title: string; href: string }[];
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 219b9c17..693a6591 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -7,6 +7,7 @@
 </script>
 
 <script lang="ts">
+  import { Button } from '$/components/ui/button';
   import { Separator } from '$/components/ui/separator';
   import { Switch } from '$/components/ui/switch';
   import { env } from '$/util/env';
@@ -18,7 +19,6 @@
   import CloseIcon from '~icons/material-symbols/close-rounded';
   import DropdownNavMenu from './DropdownNavMenu.svelte';
   import MainMenu from './MainMenu.svelte';
-  import { Button } from './ui/button';
 
   interface Props {
     children: Snippet;
diff --git a/src/lib/components/Share.svelte b/src/lib/components/Share.svelte
index df9606e3..076876bb 100644
--- a/src/lib/components/Share.svelte
+++ b/src/lib/components/Share.svelte
@@ -1,10 +1,10 @@
 <script>
   import { buttonVariants } from '$/components/ui/button';
   import * as Dialog from '$/components/ui/dialog';
+  import { Separator } from '$/components/ui/separator';
   import { env } from '$/util/env';
   import { urlsStore } from '$/util/state';
   import CopyInput from './CopyInput.svelte';
-  import { Separator } from './ui/separator';
 </script>
 
 <Dialog.Root>
diff --git a/src/lib/components/SyncRoughToolbar.svelte b/src/lib/components/SyncRoughToolbar.svelte
index 226eae16..fe3d4241 100644
--- a/src/lib/components/SyncRoughToolbar.svelte
+++ b/src/lib/components/SyncRoughToolbar.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
+  import { Button } from '$/components/ui/button';
+  import { Separator } from '$/components/ui/separator';
+  import { Switch } from '$/components/ui/switch';
   import { inputStateStore, stateStore } from '$/util/state';
   import { cmdKey, syncDiagram } from '$/util/util';
   import { slide } from 'svelte/transition';
   import SyncIcon from '~icons/fa6-solid/arrows-rotate';
   import FloatingToolbar from './FloatingToolbar.svelte';
-  import { Button } from './ui/button';
-  import { Separator } from './ui/separator';
-  import { Switch } from './ui/switch';
 </script>
 
 <FloatingToolbar>
diff --git a/src/lib/components/VersionSecurityToolbar.svelte b/src/lib/components/VersionSecurityToolbar.svelte
index 6f003c46..34ffda7a 100644
--- a/src/lib/components/VersionSecurityToolbar.svelte
+++ b/src/lib/components/VersionSecurityToolbar.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
+  import { Button } from '$/components/ui/button';
+  import { Separator } from '$/components/ui/separator';
   import { version } from 'mermaid/package.json';
   import QuestionCircleIcon from '~icons/material-symbols/help-outline-rounded';
   import FloatingToolbar from './FloatingToolbar.svelte';
   import Privacy from './Privacy.svelte';
-  import { Button } from './ui/button';
-  import { Separator } from './ui/separator';
 </script>
 
 <FloatingToolbar>