diff --git a/client/src/styles/partials/generic/drawers.scss b/client/src/styles/partials/generic/drawers.scss
index 0fe844cd..cdf02b62 100644
--- a/client/src/styles/partials/generic/drawers.scss
+++ b/client/src/styles/partials/generic/drawers.scss
@@ -3,6 +3,12 @@
         cursor: pointer;
     }
     .bd-drawer-open-button {
+        position: relative;
+        margin-right: 15px;
+        .bd-chevron-1, .bd-chevron-2 {
+            position: absolute;
+        }
+
         svg {
             transition: transform 0.5s ease;
             transform: none;
@@ -20,8 +26,17 @@
 
     &.bd-drawer-open {
         .bd-drawer-open-button {
-            svg {
-                transform: scaleY(-1);
+            .bd-chevron-1 {
+                svg {
+                    transform: rotate(90deg)
+                }
+            }
+
+            .bd-chevron-2 {
+                margin-left: -4px;
+                svg {
+                    transform: rotate(270deg)
+                }
             }
         }
 
diff --git a/client/src/ui/components/common/Drawer.vue b/client/src/ui/components/common/Drawer.vue
index a304fcec..8e74fae5 100644
--- a/client/src/ui/components/common/Drawer.vue
+++ b/client/src/ui/components/common/Drawer.vue
@@ -12,7 +12,10 @@
     <div :class="['bd-drawer', {'bd-drawer-open': open}]">
         <div class="bd-form-header bd-drawer-header" @click="() => open = !open">
             <span class="bd-form-header-text">{{ label }}</span>
-            <span class="bd-form-header-button bd-drawer-open-button"><MiChevronDown /></span>
+            <span class="bd-form-header-button bd-drawer-open-button">
+                <span class="bd-chevron-1"><MiChevronDown /></span>
+                <span class="bd-chevron-2"><MiChevronDown /></span>
+            </span>
         </div>
         <div class="bd-drawer-contents">
             <slot />