diff --git a/sass/_valkey.scss b/sass/_valkey.scss
index a5cb189b..733e577f 100644
--- a/sass/_valkey.scss
+++ b/sass/_valkey.scss
@@ -120,7 +120,7 @@ p {
     padding: 10px;
     padding: 0 20px;
 
-    @include respond-min(768px) {
+    @include respond-min(1024px) {
       padding: 0 20px;
     }
   }
@@ -164,7 +164,7 @@ p {
       padding: .5rem 0;
       border-bottom: none;
 
-      @include respond-min(768px) {
+      @include respond-min(1024px) {
         border-bottom: 3px solid;
         padding: 1rem 0;
         border-color: transparent;
@@ -174,16 +174,16 @@ p {
     >a {
       &:hover,
       &.active {
-          border-color: inherit;
+        border-color: inherit;
         text-decoration: underline;
 
-        @include respond-min(768px) {
+        @include respond-min(1024px) {
           text-decoration: none;
         }
       }
     }
 
-    @media (max-width: 768px) {
+    @media (max-width: 1024px) {
       display: none;
       gap: 1rem;
 
@@ -213,6 +213,36 @@ p {
         }
       }
     }
+
+    .github-button {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.5rem 1rem !important;
+      background-color: #f8f9fa;
+      border: 1px solid #dfe1e4;
+      border-radius: 6px;
+      color: #444;
+      text-decoration: none;
+      transition: all 0.2s ease;
+
+      img {
+        filter: brightness(0) saturate(100%) invert(27%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
+      }
+
+      &:hover {
+        background-color: #e9ecef;
+        border-color: #dee2e6;
+        text-decoration: none;
+        border-bottom-color: #e9ecef;
+      }
+
+      @media (max-width: 1024px) {
+        padding: 0.75rem 1rem !important;
+        margin-top: 0.5rem;
+        justify-content: center;
+      }
+    }
   }
   .btn-menu {
     display: none;
@@ -241,7 +271,7 @@ p {
       transition-duration: .2s;
     }
 
-    @media (max-width: 768px) {
+    @media (max-width: 1024px) {
       display: flex;
     }
   }
@@ -252,7 +282,7 @@ p {
   display: block;
   align-items: center;
 
-  @include respond-min(768px) {
+  @include respond-min(1024px) {
     display: flex;
   }
 
@@ -274,7 +304,7 @@ p {
     &:hover {
       text-decoration: underline;
 
-      @include respond-min(768px) {
+      @include respond-min(1024px) {
         text-decoration: none;
       }
     }
@@ -291,7 +321,7 @@ p {
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     padding: .25rem 0;
 
-    @include respond-min(768px) {
+    @include respond-min(1024px) {
       display: none;
     }
 
diff --git a/templates/default.html b/templates/default.html
index c82e63b4..40e83c37 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -37,6 +37,11 @@
         <a role="menuitem" href="/community/">Community</a>
         <a role="menuitem" href="/participants/">Participants</a>
         <a role="menuitem" href="/try-valkey/">Try Valkey</a>
+        <a role="menuitem" href="https://github.com/valkey-io" target="_blank" class="github-button">
+          <img src="/img/IconGithub.svg" alt="GitHub Icon" width="16" height="16" />
+          GitHub
+        </a>
+        
       </nav>
     </div>
   </div>