diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 65b996e5d..845f8ebba 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -289,6 +289,10 @@ div.ui-tooltip {
     outline: none;
 }
 
+.dropdown-item .destructive-action-icon {
+    color: var(--dropdown-item-icon-destructive-color);
+}
+
 .CodeMirror {
     height: 100%;
     background: inherit;
diff --git a/src/public/stylesheets/theme-dark.css b/src/public/stylesheets/theme-dark.css
index b65491000..46d29cd1d 100644
--- a/src/public/stylesheets/theme-dark.css
+++ b/src/public/stylesheets/theme-dark.css
@@ -18,6 +18,7 @@
     --main-border-color: #aaa;
     --dropdown-border-color: #555;
     --dropdown-shadow-opacity: .4;
+    --dropdown-item-icon-destructive-color: #de6e5b;
 
     --accented-background-color: #555;
     --more-accented-background-color: #777;
diff --git a/src/public/stylesheets/theme-light.css b/src/public/stylesheets/theme-light.css
index f4536994b..d22389f4c 100644
--- a/src/public/stylesheets/theme-light.css
+++ b/src/public/stylesheets/theme-light.css
@@ -22,6 +22,7 @@ html {
     --main-border-color: #ccc;
     --dropdown-border-color: #ccc;
     --dropdown-shadow-opacity: .2;
+    --dropdown-item-icon-destructive-color: #ec5138;
 
     --accented-background-color: #f5f5f5;
     --more-accented-background-color: #ddd;