fix

Author: githubering182

frontend-app/src/components/ui/MultiSelector/index.jsx

@@ -73,27 +73,25 @@ export default function MultiSelector({
           `iss__manualSelector__options${isOpen ? " options--open" : ""}`
         }
       >
-        <div>
-          <label onClick={resetSelector} className="iss__manualSelector__level">
-            clear {selectorLabel}
-          </label>
-          <select multiple ref={selector} className="iss__manualSelector__selector">
-            {
-              selectorOptions.map(({ name, id }) =>
-                <option
-                  key={id}
-                  value={id}
-                  className="iss__manualSelector__option"
-                >{name}</option>
-              )
-            }
-          </select>
-          <button
-            onClick={() => handleManualSelect()}
-            type="button"
-            className="iss__manualSelector__submit"
-          >select</button>
-        </div>
+        <label onClick={resetSelector} className="iss__manualSelector__level">
+          clear {selectorLabel}
+        </label>
+        <select multiple ref={selector} className="iss__manualSelector__selector">
+          {
+            selectorOptions.map(({ name, id }) =>
+              <option
+                key={id}
+                value={id}
+                className="iss__manualSelector__option"
+              >{name}</option>
+            )
+          }
+        </select>
+        <button
+          onClick={() => handleManualSelect()}
+          type="button"
+          className="iss__manualSelector__submit"
+        >select</button>
       </div>
     </div>
   );

frontend-app/src/components/ui/MultiSelector/styles.css

@@ -48,24 +48,20 @@
 }
 
 .options--open {
+  padding: 4px 8px;
   outline-color: var(--issBrand);
   max-height: 500px;
 }
 
-.iss__manualSelector__options > div,
-.iss__manualSelector__options > form {
-  padding: 4px 8px;
-  display: flex;
-  flex-direction: column;
-}
-
 .iss__manualSelector__level {
   font-size: 14px;
   cursor: pointer;
   color: black;
   padding: 4px 0;
   border-bottom: 1px solid var(--issBrand);
   margin-bottom: 8px;
+  display: block;
+  width: 100%;
 }
 
 .iss__manualSelector__selector {