diff --git a/src/components/galerie.svelte b/src/components/galerie.svelte
index a096784..fffd6dc 100644
--- a/src/components/galerie.svelte
+++ b/src/components/galerie.svelte
@@ -43,7 +43,7 @@
 <section class="row" style="margin-top: 5vh">
 	<div class="col-1"></div>
 	<div class="col flexy-boi">
-		<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important; font-weight: 900;">
+		<div class="horizontal-menu no-underline" style="position: relative; text-decoration: none !important;">
 			<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('hudba')}>Hudba</span>
 			<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('human')}>Humanitní</span>
 			<span style="font-size: calc(var(--font-size) / 1.6)" on:click|preventDefault={() => click('jazyky')}>Jazyky</span>
diff --git a/static/main.css b/static/main.css
index 8881d53..13a3007 100644
--- a/static/main.css
+++ b/static/main.css
@@ -124,28 +124,22 @@ canvas {
 .horizontal-menu a,
 .horizontal-menu span {
   cursor: pointer;
-  color: #000;
+  color: #555;
   font-size: calc(var(--font-size) / 1.7);
+  font-weight: bold;
   cursor: pointer;
-  transition: 0.1s;
   box-sizing: content-box;
+  padding: 6px 8px;
 }
 .horizontal-menu a:hover,
 .horizontal-menu span:hover {
-  border-bottom: solid 2px var(--color-primary);
+  border: solid 4px var(--color-primary);
   opacity: 1 !important;
+  padding: 2px 4px;
+  color: var(--color-primary);
 }
 .horizontal-menu.no-underline span {
   text-decoration: none !important;
-  color: #000;
-  font-size: calc(var(--font-size) / 1.7);
-  cursor: pointer;
-  transition: 0.1s;
-  box-sizing: content-box;
-}
-.horizontal-menu.no-underline span:hover {
-  border-bottom: solid 2px var(--color-primary);
-  opacity: 1 !important;
 }
 .thing-hr {
   width: 10vw;
diff --git a/static/main.styl b/static/main.styl
index 12c8723..1bc46f4 100644
--- a/static/main.styl
+++ b/static/main.styl
@@ -120,25 +120,20 @@ body > canvas
 	min-height: 3em;
 	& a, & span
 		cursor pointer
-		color: #000
+		color: #555
 		font-size calc(var(--font-size) / 1.7)
+		font-weight: bold
 		cursor pointer
-		transition .1s
 		box-sizing: content-box
+		padding: 6px 8px
 		&:hover
-			border-bottom: solid 2px var(--color-primary)
+			border: solid 4px var(--color-primary)
 			opacity: 1 !important
+			padding: 2px 4px
+			color: var(--color-primary)
 	&.no-underline span
 		text-decoration none !important
-		color: #000
-		font-size calc(var(--font-size) / 1.7)
-		cursor pointer
-		transition .1s
-		box-sizing: content-box
-		&:hover
-			border-bottom: solid 2px var(--color-primary)
-			opacity: 1 !important
-
+	
 .thing-hr
 	width: 10vw;
 	height: 0.6vh;