diff --git a/components/Icons/Calendar.tsx b/components/Icons/Calendar.tsx
index 5d28a3c28..eaa8f42ac 100644
--- a/components/Icons/Calendar.tsx
+++ b/components/Icons/Calendar.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function CalendarIcon({
   className,
diff --git a/components/Icons/CheckCircle.tsx b/components/Icons/CheckCircle.tsx
index 7109df68e..f8278019b 100644
--- a/components/Icons/CheckCircle.tsx
+++ b/components/Icons/CheckCircle.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function CheckCircleIcon({
   className,
diff --git a/components/Icons/ChevronDown.tsx b/components/Icons/ChevronDown.tsx
index f50b5ce3a..b9ce5544e 100644
--- a/components/Icons/ChevronDown.tsx
+++ b/components/Icons/ChevronDown.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function ChevronDownIcon({
   className,
diff --git a/components/Icons/Email.tsx b/components/Icons/Email.tsx
index 0b39feb78..e72efd751 100644
--- a/components/Icons/Email.tsx
+++ b/components/Icons/Email.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function EmailIcon({ className, color, ...props }: IconProps) {
   const classNames = iconVariants({ className, color })
diff --git a/components/Icons/House.tsx b/components/Icons/House.tsx
index b13240805..1ddcf0f74 100644
--- a/components/Icons/House.tsx
+++ b/components/Icons/House.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function HouseIcon({ className, color, ...props }: IconProps) {
   const classNames = iconVariants({ className, color })
diff --git a/components/Icons/icon.module.css b/components/Icons/icon.module.css
index 59a0cc283..2f76d1778 100644
--- a/components/Icons/icon.module.css
+++ b/components/Icons/icon.module.css
@@ -2,22 +2,27 @@
   height: 20px;
   width: 20px;
 }
+
 .black,
 .black * {
   fill: #000;
 }
+
 .burgundy,
 .burgundy * {
   fill: var(--Scandic-Brand-Burgundy);
 }
+
 .pale,
 .pale * {
   fill: var(--Scandic-Brand-Pale-Peach);
 }
+
 .peach80,
 .peach80 * {
   fill: var(--Scandic-Peach-80);
 }
+
 .plosa,
 .plosa * {
   fill: var(--Theme-Primary-Light-On-Surface-Accent);