diff --git a/src/components/svg/dropDownChevron.vue b/src/components/svg/dropDownChevron.vue
index 48ed58a..d05949c 100644
--- a/src/components/svg/dropDownChevron.vue
+++ b/src/components/svg/dropDownChevron.vue
@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="chevron-icon"
+    :class="['chevron-icon', {'disabled': disabled}]"
     width="20"
     height="20"
     viewBox="0 0 20 20"
@@ -14,7 +14,8 @@
 <script>
 
 export default {
-  name: 'DropDownChevron'
+  name: 'DropDownChevron',
+  props: ['disabled']
 }
 </script>
 
@@ -26,4 +27,12 @@ export default {
 .chevron-icon:hover path {
   fill: var(--color-accent);
 }
+
+.disabled.chevron-icon {
+  cursor: default;
+}
+
+.disabled.chevron-icon:hover path {
+  fill: #C8D4E3;
+}
 </style>