diff --git a/src/App.svelte b/src/App.svelte
index b536e99..e7b462e 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -19,7 +19,7 @@ import Flexbox from "./components/flexbox.svelte";
 		Daniel Bulant
 	</Link>
 	<Separator />
-	<Link href="#contact">
+	<Link href="#contact" padded>
 		Contact
 	</Link>
 	<Button bind:value={$darkmode} outline={$darkmode}>{$darkmode ? "Dark" : "Light"} mode</Button>
@@ -60,7 +60,7 @@ import Flexbox from "./components/flexbox.svelte";
 			<!-- <img draggable={false} src="https://learner.danbulant.eu/logo.png" alt="Learner logo" slot="preview" class="preview"> -->
 			<div slot="actions">
 				<Button newTab href="https://play.google.com/store/apps/details?id=cz.janrossler.learner">Application</Button>
-				<Button newTab outline href="https://learner.danbulant.eu">Website</Button>
+				<Button newTab outline href="https://beta.learnerapp.eu">Website</Button>
 			</div>
 		</Project>
 
diff --git a/src/components/link.svelte b/src/components/link.svelte
index f660187..a219051 100644
--- a/src/components/link.svelte
+++ b/src/components/link.svelte
@@ -1,9 +1,10 @@
 <script>
     export var colored = true;
+    export var padded = false;
 </script>
 
 <span>
-    <a {...$$restProps} class:colored>
+    <a {...$$restProps} class:colored class:padded>
         <slot />
     </a>
 </span>
@@ -13,6 +14,10 @@
         box-sizing: border-box;
         -moz-box-sizing: border-box;
     }
+    .padded {
+        display: inline-block;
+        margin: 0 5px;
+    }
     * {
         margin:0;
         padding:0;
@@ -45,7 +50,7 @@
         border-radius: 5px;
         transform: scaleX(0);
         opacity: 0.1;
-        transition: .25s linear, .4s opacity;
+        transition: .2s linear, .4s opacity;
     }
     a:hover:before,
     a:focus:before {