diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index d7c7d85..bdcd10c 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -45,10 +45,21 @@
 		color: #000;
 	}
 	.label2 span {
-		transition: .1s;
+		position: relative;
 	}
-	.label2 span:hover {
-		border-bottom: solid 0.1em #d73648;
+	.label2 span:before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: 100%;
+		width: 100%;
+		height: 4px;
+		background: #d73648;
+		transition: clip-path .2s ease-out;
+		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
+	}
+	.label2 span:hover:before {
+		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
 	}
 	.label2 a:hover {
 		opacity: 1 !important;
@@ -93,9 +104,6 @@
 	   height: 0.7em;
 	   position: relative;
 	}
-	.label.label2 span a {
-		padding: 0.5em;
-	}
 
 	.cross:before, .cross:after {
 	  content: "";
@@ -564,7 +572,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 			<div class="cross bottom-right"></div>
 		</div>
 		<div class="label label2" id="prebiram">
-			<span style="padding-right: 0.5em"><a href="/prebiram">Přebírám spolek</a></span>
+			<span><a href="/prebiram">Přebírám spolek</a></span>
 			<div class="cross bottom-left"></div>
 		</div>
 		<div class="label label2" id="zapojit">
@@ -572,11 +580,11 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 			<div class="cross top-right"></div>
 		</div>
 		<div class="label label2" id="zalozit">
-			<span style="padding-right: 0.5em"><a href="/zalozit-spolek">Chci založit spolek</a></span>
+			<span><a href="/zalozit-spolek">Chci založit spolek</a></span>
 			<div class="cross top-left"></div>
 		</div>
 		<div class="label label2" id="oborovky">
-			<span style="padding-right: 0.5em"><a href="/oborovky">Chci vědět víc o oborovkách</a></span>
+			<span><a href="/oborovky">Chci vědět víc o oborovkách</a></span>
 			<div class="cross top-right"></div>
 		</div>
 	</div>