select and search fields seem ok

src/styles/content.scss

@@ -320,13 +320,10 @@ hdapp-available {
   }
 }
 #offers-list > sib-form > form {
-  //display: grid;
-  //grid-template-columns: 50% 50%;
-  //grid-template-rows: 3.5em 3.5em;
   background-color: orangered;
-  display: grid;
+  //display: grid;
-  grid-template-columns: 1fr 1fr;
+  //grid-template-columns: 1fr 1fr;
-  grid-gap: 20px;
+  //grid-gap: 20px;
 
   sib-form-label-text {
     display: flex;

src/styles/form.scss

@@ -107,8 +107,8 @@ sib-form {
 }
 
 sib-form-label-text,sib-form-dropdown{
-  display: flex;
+  //display: flex;
-  flex-wrap: nowrap;
+  //flex-wrap: nowrap;
 }
 
 select{

src/styles/main.scss

@@ -301,12 +301,11 @@ sib-trigger.back {
 
 #offers-list > sib-form > form {
   select {
+    background: white;
     display: inline-block;
-    font: inherit;
     line-height: 1.5em;
-    padding: 0.5em 3.5em 0.5em 1em;
+    padding: 0.5em 12.5em 0.5em 1em;
 
-    margin: 0;
     box-sizing: border-box;
     -webkit-appearance: none;
     -moz-appearance: none;
@@ -320,8 +319,8 @@ sib-trigger.back {
       calc(100% - 15px) calc(1em + 2px),
       calc(100% - 2.5em) 0.5em;
     background-size:
-      5px 5px,
+      5px 6px,
-      5px 5px,
+      5px 6px,
       1px 1.5em;
     background-repeat: no-repeat;
   }
@@ -334,15 +333,14 @@ sib-form-label-text {
 form {
   background-color: orangered;
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: 33% auto;
-  grid-gap: 20px;
+  grid-gap: 24px;
 
   label {
     display: block;
   }
 
-  input {
+  input, select {
-    padding: 1em;
     margin-top: 1em;
   }
 }