diff --git a/src/styles/popover.css b/src/styles/popover.css
index deecbdd9..3f290b01 100644
--- a/src/styles/popover.css
+++ b/src/styles/popover.css
@@ -81,12 +81,12 @@
 
       @media (--can-hover) {
         &:hover {
-          background: #ce4343;
+          background: var(--color-confirm-hover);
         }
       }
 
       &.ce-popover__item--focused {
-        background: #ce4343 !important;
+        background: var(--color-confirm-hover) !important;
       }
 
       .ce-popover__item-icon {
diff --git a/src/styles/variables.css b/src/styles/variables.css
index e8be603a..35936f8f 100644
--- a/src/styles/variables.css
+++ b/src/styles/variables.css
@@ -69,6 +69,7 @@
    * Confirm deletion bg
    */
   --color-confirm: #E24A4A;
+  --color-confirm-hover: #CE4343;
 
   --overlay-pane: {
     position: absolute;