minor css work

Author: HarshCasper

src/components/ApplicationsShowcase.astro

@@ -41,8 +41,8 @@ const applications = applicationsData.applications;
 
   :global(.search-container) {
     position: relative;
-    flex: 1;
-    min-width: 250px;
+    flex: 2;
+    min-width: 300px;
   }
 
   :global(.search-input) {
@@ -88,7 +88,8 @@ const applications = applicationsData.applications;
     background: var(--sl-color-bg);
     color: var(--sl-color-white);
     font-size: 0.875rem;
-    min-width: 120px;
+    min-width: 140px;
+    flex-shrink: 0;
   }
 
   :global(.filter-select:focus) {
@@ -113,7 +114,8 @@ const applications = applicationsData.applications;
     background: var(--sl-color-bg);
     color: var(--sl-color-white);
     font-size: 0.875rem;
-    min-width: 100px;
+    min-width: 120px;
+    flex-shrink: 0;
   }
 
   :global(.clear-filters) {
@@ -326,11 +328,11 @@ const applications = applicationsData.applications;
     :global(.top-bar) {
       flex-direction: column;
       align-items: stretch;
-      gap: 0.75rem;
     }
 
     :global(.search-container) {
       min-width: auto;
+      flex: none;
     }
 
     :global(.filter-select),