diff --git a/components/Icons/Calendar.tsx b/components/Icons/Calendar.tsx
index eaa8f42ac..5d28a3c28 100644
--- a/components/Icons/Calendar.tsx
+++ b/components/Icons/Calendar.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import type { IconProps } from "@/types/components/icon"
+import { IconProps } from "@/types/components/icon"
 
 export default function CalendarIcon({
   className,
diff --git a/components/Icons/CheckCircle.tsx b/components/Icons/CheckCircle.tsx
index f8278019b..7109df68e 100644
--- a/components/Icons/CheckCircle.tsx
+++ b/components/Icons/CheckCircle.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import type { IconProps } from "@/types/components/icon"
+import { IconProps } from "@/types/components/icon"
 
 export default function CheckCircleIcon({
   className,
diff --git a/components/Icons/ChevronDown.tsx b/components/Icons/ChevronDown.tsx
index b9ce5544e..f50b5ce3a 100644
--- a/components/Icons/ChevronDown.tsx
+++ b/components/Icons/ChevronDown.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import type { IconProps } from "@/types/components/icon"
+import { IconProps } from "@/types/components/icon"
 
 export default function ChevronDownIcon({
   className,
diff --git a/components/Icons/Email.tsx b/components/Icons/Email.tsx
index e72efd751..0b39feb78 100644
--- a/components/Icons/Email.tsx
+++ b/components/Icons/Email.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import type { IconProps } from "@/types/components/icon"
+import { 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 1ddcf0f74..b13240805 100644
--- a/components/Icons/House.tsx
+++ b/components/Icons/House.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import type { IconProps } from "@/types/components/icon"
+import { IconProps } from "@/types/components/icon"
 
 export default function HouseIcon({ className, color, ...props }: IconProps) {
   const classNames = iconVariants({ className, color })
diff --git a/components/Icons/Phone.tsx b/components/Icons/Phone.tsx
index cb00f3d09..65da39040 100644
--- a/components/Icons/Phone.tsx
+++ b/components/Icons/Phone.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import type { IconProps } from "@/types/components/icon"
+import { IconProps } from "@/types/components/icon"
 
 export default function PhoneIcon({ className, color, ...props }: IconProps) {
   const classNames = iconVariants({ className, color })
diff --git a/components/Icons/icon.module.css b/components/Icons/icon.module.css
index 2f76d1778..59a0cc283 100644
--- a/components/Icons/icon.module.css
+++ b/components/Icons/icon.module.css
@@ -2,27 +2,22 @@
   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);
diff --git a/components/MyPages/Blocks/Shortcuts/index.tsx b/components/MyPages/Blocks/Shortcuts/index.tsx
index de3902348..0fd4374c8 100644
--- a/components/MyPages/Blocks/Shortcuts/index.tsx
+++ b/components/MyPages/Blocks/Shortcuts/index.tsx
@@ -30,7 +30,7 @@ export default function Shortcuts({
             variant="shortcut"
           >
             <span>{shortcut.text ? shortcut.text : shortcut.title}</span>
-            <ArrowRightIcon />
+            <ArrowRightIcon color="burgundy" className={styles.arrowRight} />
           </Link>
         ))}
       </section>
diff --git a/components/MyPages/Blocks/Shortcuts/shortcuts.module.css b/components/MyPages/Blocks/Shortcuts/shortcuts.module.css
index b29c4ddc3..dff00065f 100644
--- a/components/MyPages/Blocks/Shortcuts/shortcuts.module.css
+++ b/components/MyPages/Blocks/Shortcuts/shortcuts.module.css
@@ -28,3 +28,8 @@
 .link:last-child {
   border-bottom: none;
 }
+
+.arrowRight {
+  height: 24px;
+  width: 24px;
+}
diff --git a/types/components/deprecatedIconProps.ts b/types/components/deprecatedIconProps.ts
new file mode 100644
index 000000000..21b31a303
--- /dev/null
+++ b/types/components/deprecatedIconProps.ts
@@ -0,0 +1,4 @@
+export type DeprecatedIconProps = {
+  height?: number
+  width?: number
+}