Forms: improve select arrow CSS

app/styles/forms.scss

@@ -471,19 +471,23 @@ code {
     cursor: pointer;
   }
 
-  .select-wrapper::after {
+  .select-wrapper {
-    display: block;
+    display: flex;
-    font-family: 'ForkAwesome';
+    align-items: center;
-    content: '';
+
-    width: 10px;
+    &::after {
-    position: absolute;
+      display: flex;
-    right: 12px;
+      align-items: center;
-    top: 1px;
+      font-family: "ForkAwesome";
-    border-left: 1px solid var(--highlight-text-color);
+      content: "";
-    height: 39px;
+      position: absolute;
-    padding: 12px;
+      right: 12px;
-    box-sizing: border-box;
+      border-left: 1px solid var(--highlight-text-color);
-    pointer-events: none;
+      height: calc(100% - 8px);
+      padding-left: 12px;
+      pointer-events: none;
+      margin-top: 8px;
+    }
   }
 
   .label_input {