diff --git a/ts/components/DropdownItem.svelte b/ts/components/DropdownItem.svelte
index f2bae61fd..ba3e87fdc 100644
--- a/ts/components/DropdownItem.svelte
+++ b/ts/components/DropdownItem.svelte
@@ -32,9 +32,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     tabindex={tabbable ? 0 : -1}
     class="dropdown-item {className}"
     class:active
-    class:disabled
     class:rtl
     title={tooltip}
+    {disabled}
     on:mouseenter
     on:focus
     on:keydown
@@ -59,11 +59,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         border-radius: 0;
         color: var(--fg);
 
-        &:hover {
+        &:hover:not([disabled]) {
             background: var(--highlight-bg);
             color: var(--highlight-fg);
         }
 
+        &[disabled] {
+            cursor: default;
+            color: var(--fg-disabled);
+        }
+
         /* selection highlight */
         &:not(.rtl) {
             border-left: 3px solid transparent;