diff --git a/src/lib/components/colors/FormatGroup.svelte b/src/lib/components/colors/FormatGroup.svelte
index 7cbca4f..9a0a481 100644
--- a/src/lib/components/colors/FormatGroup.svelte
+++ b/src/lib/components/colors/FormatGroup.svelte
@@ -2,12 +2,11 @@
   import { inGamut, type PlainColorObject } from 'colorjs.io/fn';
 
   import Output from '$lib/components/colors/Output.svelte';
+  import ExternalLink from '$lib/components/util/ExternalLink.svelte';
   import type { FormatGroup } from '$lib/constants';
   import { ColorSpace } from '$lib/stores';
   import { getSpaceFromFormatId } from '$lib/utils';
 
-  import ExternalLink from '../util/ExternalLink.svelte';
-
   interface Props {
     type: 'bg' | 'fg';
     color: PlainColorObject;
diff --git a/src/lib/components/colors/Header.svelte b/src/lib/components/colors/Header.svelte
index b02055d..c8b32f5 100644
--- a/src/lib/components/colors/Header.svelte
+++ b/src/lib/components/colors/Header.svelte
@@ -3,12 +3,11 @@
   import { type Writable } from 'svelte/store';
 
   import CopyButton from '$lib/components/util/CopyButton.svelte';
+  import Icon from '$lib/components/util/Icon.svelte';
   import type { ColorFormatId } from '$lib/constants';
   import { gamut } from '$lib/stores';
   import { getSpaceFromFormatId } from '$lib/utils';
 
-  import Icon from '../util/Icon.svelte';
-
   interface Props {
     type: 'bg' | 'fg';
     color: Writable<PlainColorObject>;