Update index.html

index.html

@@ -415,25 +415,30 @@ button:hover {
   background-color: #2980b9;
 }
 
+/* Styling for Search Input with Fixed Size */
+
+/* Assuming a fixed width and height */
 .search-input {
+  width: 250px; /* Adjust as needed */
+  height: 40px; /* Adjust as needed */
   padding: 10px;
   font-size: 16px;
   border: 1px solid #ccc;
   border-radius: 5px;
   background-color: #fff;
-  
+  /* Add your additional styling */
 }
 
-
+/* Placeholder text color */
 .search-input::placeholder {
   color: #999;
 }
 
-
+/* Focus state */
 .search-input:focus {
   outline: none;
-  border-color: #3498db; 
-  box-shadow: 0 0 5px rgba(52, 152, 219, 0.5); 
+  border-color: #3498db; /* Example color on focus */
+  box-shadow: 0 0 5px rgba(52, 152, 219, 0.5); /* Example box shadow on focus */
 }
 
       
@@ -482,7 +487,7 @@ button:hover {
             <div class="downloads">
         <div class="downloads-options">
           <div>
-          <input type="text" id="search" placeholder="Search..." class="form-control">
+          <input type="text" id="search" placeholder="Search...">
           </div>
           <div style="width: 160px;">
           <select id="sort">