select field safari styling

src/app/components/add-task/add-task.component.html

@@ -226,6 +226,11 @@
             <option value="User Story">User Story</option>
             <option value="Technical Task">Technical Task</option>
           </select>
+          <img
+            class="open"
+            src="./../../../assets/img/add-task/arrow-down.svg"
+            alt=""
+          />
           <div class="error-msg">
             @if (!category.valid && category.touched) {
             <p>You must select a category</p>

src/app/components/add-task/add-task.component.scss

@@ -46,6 +46,9 @@ select {
   padding: 12px 21px;
   width: calc(100% - 42px);
   resize: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
 }
 
 input.ng-invalid.ng-touched,
@@ -273,9 +276,17 @@ p {
 }
 
 .category {
+  position: relative;
   select {
     width: 100%;
   }
+  img {
+    position: absolute;
+    top: 53px;
+    right: 20px;
+    width: 14px;
+    height: 7px;
+  }
 }
 
 /*------------- SUBMIT BUTTON -------------*/