diff --git a/app/webpacker/css/admin_v3/components/select2.scss b/app/webpacker/css/admin_v3/components/select2.scss
index ad7fec81a4..fd15ffa70b 100644
--- a/app/webpacker/css/admin_v3/components/select2.scss
+++ b/app/webpacker/css/admin_v3/components/select2.scss
@@ -206,17 +206,7 @@ label .select2-container {
       b {
         padding-top: 11px; // adjust to align with tom-select
         &:before {
-          content: " ";
-          display: block;
-          position: absolute;
-          top: 50%;
-          right: 15px;
-          margin-top: -3px;
-          width: 0;
-          height: 0;
-          border-style: solid;
-          border-width: 5px 5px 0 5px;
-          border-color: #808080 transparent transparent transparent;
+          @include arrowDown;
         }
       }
     }
diff --git a/app/webpacker/css/admin_v3/mixins.scss b/app/webpacker/css/admin_v3/mixins.scss
index 76f01458be..5301558d32 100644
--- a/app/webpacker/css/admin_v3/mixins.scss
+++ b/app/webpacker/css/admin_v3/mixins.scss
@@ -1,3 +1,17 @@
 @mixin defaultBoxShadow {
   box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.07);
 }
+
+@mixin arrowDown {
+  content: " ";
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  margin-top: -3px;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 5px 5px 0 5px;
+  border-color: #808080 transparent transparent transparent;
+}