diff --git a/src/lib/Footer.svelte b/src/lib/Footer.svelte
index e5db043..503825e 100644
--- a/src/lib/Footer.svelte
+++ b/src/lib/Footer.svelte
@@ -7,9 +7,37 @@
   <div style="display: inline-flex; align-items: baseline; gap: 1rem; margin: 1rem 0 0;">
     <small>© 2025 sulej.ch</small>
     <small>
-      <a href="https://github.com/Arlind-dev/sulej.ch">
-        {versionInfo.version} ({versionInfo.commit})
+      <a class="version-link" href="https://github.com/Arlind-dev/sulej.ch">
+        {versionInfo.version} <span class="commit">({versionInfo.commit})</span>
       </a>
     </small>
   </div>
 </footer>
+
+<style>
+  .version-link {
+    color: inherit;
+    text-decoration: none;
+    border-bottom: 1px solid transparent;
+    opacity: 0.85;
+    transition: border-color 120ms ease, opacity 120ms ease, color 120ms ease;
+  }
+
+  .version-link:hover {
+    border-color: currentColor;
+    opacity: 1;
+  }
+
+  .version-link:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 2px;
+    border-color: transparent;
+  }
+
+  .commit {
+    opacity: 0.7;
+    letter-spacing: 0.02em;
+    font-family: var(--font-mono);
+    font-variant-numeric: tabular-nums;
+  }
+</style>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 6ac54cc..b8c0664 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -8,7 +8,7 @@
   <title>sulej.ch</title>
 </svelte:head>
 
-<div style="height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: clamp(1rem, 1.5vw, 1.5rem); padding: clamp(0.5rem, 2vw, 1.5rem); font-size: clamp(1rem, 1rem + 1vw, 1.5rem);">
+<div style="min-height: 100vh; padding-top: clamp(1rem, 8vh, 6rem); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; gap: clamp(1rem, 1.5vw, 1.5rem); padding-left: clamp(0.5rem, 2vw, 1.5rem); padding-right: clamp(0.5rem, 2vw, 1.5rem); padding-bottom: clamp(0.5rem, 2vw, 1.5rem); font-size: clamp(1rem, 1rem + 1vw, 1.5rem);">
   <slot />
   
 </div>