Fix KOC resource fuzzy filters

app/globals.css

@@ -1440,10 +1440,12 @@ a {
 
 .resource-search {
   display: flex;
+  flex-direction: row;
   min-width: 230px;
   flex: 1 1 280px;
   align-items: center;
   gap: 8px;
+  margin: 0;
   height: 38px;
   padding: 0 12px;
   border: 1px solid #dfe6e2;
@@ -1451,17 +1453,21 @@ a {
   background: white;
 }
 
-.resource-search:focus-within {
+.resource-search:focus-within,
+.resource-filter-search:focus-within {
   border-color: #74b79f;
   box-shadow: 0 0 0 3px rgb(31 143 107 / 0.08);
 }
 
-.resource-search > span {
+.resource-search > span,
+.resource-filter-search > span {
   color: #83918c;
   font-size: 17px;
+  font-weight: 400;
 }
 
-.resource-search input {
+.resource-search input,
+.resource-filter-search input {
   width: 100%;
   height: 100%;
   padding: 0;
@@ -1471,14 +1477,16 @@ a {
   font-size: 10px;
 }
 
-.resource-toolbar > select {
-  width: 160px;
+.resource-filter-search {
+  display: flex;
+  flex: 0 1 180px;
+  align-items: center;
+  gap: 7px;
   height: 38px;
-  padding: 0 31px 0 11px;
+  padding: 0 11px;
   border: 1px solid #dfe6e2;
   border-radius: 9px;
-  background-color: white;
-  font-size: 10px;
+  background: white;
 }
 
 .resource-clear-button {
@@ -2991,7 +2999,7 @@ label small {
   }
 
   .resource-search,
-  .resource-toolbar > select {
+  .resource-filter-search {
     width: 100%;
     flex-basis: 100%;
   }