UI – Fix alignment of a filter on the hosts page (#17822)

## Addresses #17265 
<img width="352" alt="Screenshot 2024-03-22 at 4 54 25 PM"
src="https://github.com/fleetdm/fleet/assets/61553566/aa804fde-b786-4b8f-be30-0d7c0da97e1f">

- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>

changes/17265-filter-alignment

@@ -0,0 +1 @@
+* Fix a small alignment bug

frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/_styles.scss

@@ -15,19 +15,34 @@
   // NOTE: Look more into this styling
   &__os_settings-dropdown,
   &__macsettings-dropdown {
-    width: 137px;
-
     .Select-value {
       display: flex;
       align-items: center;
+      position: initial !important;
+      line-height: initial !important;
 
       &::before {
         position: relative;
         content: url(../assets/images/icon-filter-v2-black-16x16@2x.png);
         transform: scale(0.5);
-        left: -8px;
-        top: 4px;
+        top: 1px;
       }
     }
+
+    .Select-input {
+      display: none !important;
+    }
+
+    .Select {
+      box-sizing: initial;
+    }
+
+    .Select-control {
+      height: 36px;
+    }
+
+    .dropdown__select {
+      border: 1px solid #e2e4ea;
+    }
   }
 }