diff --git a/src/components/external-link.astro b/src/components/external-link.astro
index fcb48ea..c5a2190 100644
--- a/src/components/external-link.astro
+++ b/src/components/external-link.astro
@@ -13,7 +13,7 @@ const { cssClass, href, title } = Astro.props;
 <a
   class:list={[
     cssClass,
-    "flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg sm:px-24",
+    "flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg outline-offset-2 sm:px-24",
   ]}
   {href}
   {title}
diff --git a/src/pages/skills.astro b/src/pages/skills.astro
index ffada5b..e9ae8e6 100644
--- a/src/pages/skills.astro
+++ b/src/pages/skills.astro
@@ -32,7 +32,10 @@ const kcStart = new Date(2026, 0, 1);
   <main class="flex items-center justify-center">
     <article>
       <div class="mb-8 flex items-baseline gap-6">
-        <a href="/" title="Zurück" class="text-soft"
+        <a
+          href="/"
+          title="Zurück"
+          class="text-soft rounded-full outline-offset-2"
           ><BackIcon class="size-9" /></a
         >
         <h1>Skills</h1>