Update static/MenuStyle.css

static/MenuStyle.css

@@ -20,10 +20,9 @@
 }
 
 .tablinks {
-  width: 135px;       /* Sets the fixed width */
+     /* Sets the fixed width */
   min-width: 135px;   /* Prevents it from shrinking */
-  max-width: 135px;   /* Prevents it from expanding */
-  color:white;
+color:white;
   font-size: 16px;
   text-decoration: none;
   padding: 0px;
@@ -235,6 +234,7 @@ cursor: pointer;
 
 #dynamicTabs .tablinks {
   background-color: #333;  /* Background color for each tab */
+  min-width:500px;
   color: white;  /* Text color */
   border: none;
   padding: 10px 2px;
@@ -243,10 +243,7 @@ cursor: pointer;
   transition: background-color 0.3s ease;
 }
 
-#dynamicTabs .tablinks:hover {
-  background-color: rgb(0, 60, 255);  /* Background color on hover */
-  color:#51c5eb;
-}
+
 
 #dynamicTabs .tablinks .fa-times {
   cursor: pointer;