diff --git a/src/layouts/partials/navbar.html b/src/layouts/partials/navbar.html
index b4fc16c..292cb67 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" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
+      <button class="navbar-toggler me-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
         aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation">
-        MENU
+        <i class="icon-tea-logo-iconasset-1 me-2"></i>Start
       </button>
       <div class="collapse navbar-collapse flex" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto my-auto">
@@ -17,6 +17,20 @@
           </li>
           <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;
+            }
+
+            .navbar-toggler:hover{
+              border: none !important;
+              background-color: #0f0f0f;
+            }
+
             .hbtn {
               background-color: #8000ff;
               position: relative;