select filters in program full width mobile, more width desktop

source/_patterns/00-atoms/15-form-fields/05-select.mustache

@@ -2,7 +2,7 @@
   <select class="select__control form-field__control {{ classes }}" onchange="this.dataset.chosen = this.value;" data-chosen="{{# selected }}{{ selected }}{{/ selected }}"{{# disabled }} disabled{{/ disabled }}{{# readonly }} readonly{{/ readonly }}{{# required }} required{{/ required }}>
     <option {{^ selected }}selected {{/ selected }}value="">{{ placeholder }}{{^ placeholder }}Choose option{{/ placeholder }}</option>
     <option {{# selected }}selected {{/ selected }}>{{# selected }}{{ selected }}{{/ selected }}{{^ selected }}Option 1{{/ selected }}</option>
-    <option>Option 2</option>
+    <option>Quite long and described option</option>
     <option>Option 3</option>
   </select>
 </div>
\ No newline at end of file

source/_patterns/03-templates/coalition-program-points/elections-program-listing-pirati-stan.mustache

@@ -11,7 +11,7 @@
             <a class="switch__item switch__item--active" data-chosen="mujprogram">Můj program</a>
             <a class="switch__item" data-chosen="celyprogram">Celý program</a>
           </div>
-          <div class="filters sm:px-20">
+          <div class="filters">
             {{> atoms-select(wrapClasses: "inline-flex w-auto text-black w-full md:w-auto", classes: "bg-black block filter-pirati-stan", placeholder: "Podle resortu", selected: "Konstruktivní boj proti dezinformacím") }}
             {{> atoms-select(wrapClasses: "inline-flex w-auto text-white w-full md:w-auto", classes: "bg-black block filter-pirati-stan", placeholder: "Podle plánu") }}
           </div>

source/css/atoms/form-field-pirati-stan.pcss

 .select__control {
-
-  &:active,
-  &:focus {
     &:not([disabled]):not([readonly]) {
       @apply border-black;
-    }
   }
 
 }
 
 select:not([data-chosen='']) { 
     background-color: theme("colors.fxactivecolor");
+    border-color: theme("colors.fxactivecolor");
 }
 option[value=""] { 
     @apply hidden;
@@ -141,10 +138,13 @@ option[value=""] {
 }
 
 .filter-pirati-stan {
-  @apply font-alt;
+  @apply font-alt pt-4 pl-6 pr-12 align-top;
   min-width: 200px;
   height: 80px;
   text-transform: uppercase;
-  font-size: 22px!important;
+  font-size: 20px!important;
   line-height: 25px;
+  @screen sm{
+    font-size: 22px!important;
+  }
 }
\ No newline at end of file