diff --git a/src/layouts/partials/navbar.html b/src/layouts/partials/navbar.html
index 292cb67..e795c66 100644
--- a/src/layouts/partials/navbar.html
+++ b/src/layouts/partials/navbar.html
@@ -1,9 +1,9 @@
 <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav">
     <div class="container-fluid top-nav">
       <a class="navbar-brand" href="/"><img src="/Images/tea-logo-1.png" class="top-logo" alt="top-logo"></a>
-      <button class="navbar-toggler me-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
+      <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
         aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation">
-        <i class="icon-tea-logo-iconasset-1 me-2"></i>Start
+        <i class="icon-hamburger-icon-square dark-gray"></i>
       </button>
       <div class="collapse navbar-collapse flex" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto my-auto">
@@ -18,12 +18,13 @@
           <style>
 
             .navbar-toggler{
-              border-top: 1px solid #4d4d4d !important;
-              border-left: 1px solid #4d4d4d !important;
-              border-right: 1px solid black !important;
-              border-bottom: 1px solid black !important;
-              width:125px;
-              height: 40px;
+              border: none;
+              height: 60px;
+              padding: 0px !important;
+            }
+
+            .navbar-toggler i{
+              font-size: 61px;
             }
 
             .navbar-toggler:hover{