diff --git a/assets/style.css b/assets/style.css
index 5df1c52..84b85d8 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -31,9 +31,12 @@ header nav {
     align-items: center;
     flex-grow: 1;
     background-color: #444444b7;
-    padding: 10px;
-    
+    padding: 0;
+    margin: 0;
     text-align: center;
+    text-decoration: none;
+    list-style: none;
+    box-sizing: border-box;
 }
 
 header nav > * {
diff --git a/templates/header.html b/templates/header.html
index 62f7ae3..14b8c1b 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -2,17 +2,18 @@
     <h1>Bambusové ponožky od majstra</h1>
 </div>
 <nav>
-    <a href="/index" id="homeLink">Domov</a>
+    <ul>
+   <li> <a href="/index" id="homeLink">Domov</a> </li>
     <div class="dropdown">
-        <a href="#" class="dropdown">Podľa ceny</a>
+        <li>    <a href="#" class="dropdown">Podľa ceny</a> </li>
         <div class="dropdown-content">
             <a href="/lacne" id="lacnejsieLink">Lacnejšie</a>
             <a href="/stredne" id="drahsieLink">Drahšie</a>
             <a href="/drahe" id="najdrahsieLink">Najdrahšie</a>
         </div>
     </div>
-    <a href="/kontakt" class="socklink" data-idcko="contactLinkCont" id="contactLink">Kontakty</a>
-    <a href="/formular" class="socklink" data-idcko="formularLinkCont" id="formularLink">Formular</a>
-    <a href="/tabulka" class="socklink" data-idcko="tabulkaLinkCont" id="tabulkaLink">Tabuľka</a>
-
+    <li>   <a href="/kontakt" class="socklink" data-idcko="contactLinkCont" id="contactLink">Kontakty</a> </li>
+   <li>   <a href="/formular" class="socklink" data-idcko="formularLinkCont" id="formularLink">Formular</a> </li>
+   <li>    <a href="/tabulka" class="socklink" data-idcko="tabulkaLinkCont" id="tabulkaLink">Tabuľka</a> </li>
+    </ul>
 </nav>
\ No newline at end of file