diff --git a/src/components/Navbar/Navbar.css b/src/components/Navbar/Navbar.css
index 315b89e..d803963 100644
--- a/src/components/Navbar/Navbar.css
+++ b/src/components/Navbar/Navbar.css
@@ -5,10 +5,23 @@
 }
 @media (max-width: 700px) {
     .topnav {
-        text-align: center;
+        display : flex;
+        gap: 4px;
+    }
+
+    .logo{
+        width: 30px;
+        height: 30px;
+    }
+}
+
+@media (max-width : 400px) {
+    .topnav{
+        flex-wrap: wrap;
     }
 }
 
+
 .topnav a {
     display: inline-block;
     color: #f2f2f2;