diff --git a/static/navbar.css b/static/navbar.css
index cffdca63de2dce1f11f3fabb6d1468c9242d4817..2de623c89e53b7455d5056c3d8afa8abc18e04e2 100644
--- a/static/navbar.css
+++ b/static/navbar.css
@@ -13,7 +13,7 @@ body{
 .my-nav{
     top: 0;
     width: 100%;
-    height: 78px;
+    height: 100px;
     background: #C6EBE8;
     backdrop-filter: blur(5px);
     display: flex;
@@ -24,13 +24,16 @@ body{
 }
 .my-nav .icon{
     flex-basis: 200px;
+    height: 100%
     margin-top: 10px;
-    margin-left: 5px;
+    margin-left: 30px;
     margin-bottom: 7px;
     background-image: url(https://static.igem.wiki/teams/5054/logo-kleur.svg);
-    background-position-x: -30px;
-    text-decoration: none;
+    background-size: contain; /* Adjust to contain the entire logo */
+    background-position: center; /* Center the logo */
     background-repeat: no-repeat;
+    overflow: visible; /* Prevent cutting off the logo */
+    text-decoration: none;
 }
 .my-navbar{
     height: 50px;