diff --git a/components/MyPages/Blocks/Shortcuts/index.tsx b/components/MyPages/Blocks/Shortcuts/index.tsx
index de3902348..fa7535b93 100644
--- a/components/MyPages/Blocks/Shortcuts/index.tsx
+++ b/components/MyPages/Blocks/Shortcuts/index.tsx
@@ -1,5 +1,6 @@
import { ArrowRightIcon } from "@/components/Icons"
import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
import Header from "../Header"
@@ -29,8 +30,10 @@ export default function Shortcuts({
target={shortcut.openInNewTab ? "_blank" : undefined}
variant="shortcut"
>
- {shortcut.text ? shortcut.text : shortcut.title}
-
+
+ {shortcut.text ? shortcut.text : shortcut.title}
+
+
))}
diff --git a/components/MyPages/Blocks/Shortcuts/shortcuts.module.css b/components/MyPages/Blocks/Shortcuts/shortcuts.module.css
index 01bf3318c..bfa66ca53 100644
--- a/components/MyPages/Blocks/Shortcuts/shortcuts.module.css
+++ b/components/MyPages/Blocks/Shortcuts/shortcuts.module.css
@@ -4,6 +4,13 @@
}
.links {
+ display: grid;
background-color: var(--Scandic-Brand-Warm-White);
- border-radius: var(--Corner-radius-xLarge);
+ border-radius: var(--Corner-radius-Medium);
+ border: 1px solid var(--Base-Border-Subtle);
+}
+
+.arrowRight {
+ height: 24px;
+ width: 24px;
}