Update index.html

index.html

@@ -423,7 +423,7 @@ button:hover {
   border: 1px solid #ccc;
 }
 .offcanvas .form-select {
-  width: 120px; /* Set the desired fixed width */
+  width: 120px; 
   padding: 12px;
   font-size: 14px;
   border-radius: 5px;
@@ -432,9 +432,14 @@ button:hover {
 }
 
 #searchBar {
-  width: 220px; 
+  width: 200px;
+  padding: 8px; 
+  font-size: 14px; 
+  border-radius: 5px;
+  border: 1px solid #ccc;
 }
 
+
       
     </style>
 </head>
@@ -451,7 +456,7 @@ button:hover {
         <nav class="navbar navbar-expand-lg navbar-light bg-primary">
             <a class="navbar-brand" href="#"><img src="https://cdn.dribbble.com/users/3547568/screenshots/14395014/media/0b94c75b97182946d495f34c16eab987.jpg?resize=400x300&vertical=center" style="height: 65px; width: 65px; border-radius: 100px;"/></a>
             <div>
-            <input type="search" id="searchBar" placeholder="Search for a song" class="form-control mr-2 mt-2 p-2 mt-2"/>
+            <input type="search" id="searchBar" placeholder="Search for a song" class="mr-2 mt-2 p-2 mt-2"/>
             </div>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>