diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index 9f61e5f..292d3cc 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -35,11 +35,10 @@
     <span></span>
 
     <ul id="menu">
-      <a href={resolve('/about')}><li>{$t('header.aboutNav')}</li></a>
-      <a href={resolve('/viewer')}><li>{$t('header.viewerNav')}</li></a>
-      <a href={resolve('/support-us')}><li>{$t('header.supportUsNav')}</li></a>
-
-      <li><LanguageSwitch /></li>
+      <li><a href={resolve('/about')}>{$t('header.aboutNav')}</a></li>
+      <li><a href={resolve('/viewer')}>{$t('header.viewerNav')}</a></li>
+      <li><a href={resolve('/support-us')}>{$t('header.supportUsNav')}</a></li>
+      <li style="font-size: 22px; padding: 10px 0;"><LanguageSwitch /></li>
     </ul>
   </nav>
 </header>
@@ -166,13 +165,14 @@
       0 100px 80px rgba(0, 0, 0, 0.07);
   }
 
-  #menu li {
+  #menu li a {
     padding: 10px 0;
     font-size: 22px;
     color: white;
+    display: block;
   }
 
-  #menu li:hover {
+  #menu li a:hover {
     color: #adadad;
     transition: all 0.5s ease;
   }