diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index 7e74215c90..3cbe078418 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -509,17 +509,6 @@
         }
     }
 
-    #read_receipts_modal .read_receipts_list li {
-        &:hover {
-            background-color: hsl(0deg 0% 100% / 5%);
-        }
-
-        &:active,
-        &:focus {
-            background-color: hsl(0deg 0% 100% / 10%);
-        }
-    }
-
     .help_link_widget:hover {
         color: inherit;
     }
diff --git a/web/styles/modal.css b/web/styles/modal.css
index 35984e65c2..727f2ae5d4 100644
--- a/web/styles/modal.css
+++ b/web/styles/modal.css
@@ -290,12 +290,18 @@
             line-height: 1.625em; /* 26px at 16px font-size at 14px em */
 
             &:hover {
-                background-color: hsl(0deg 0% 0% / 5%);
+                background-color: light-dark(
+                    hsl(0deg 0% 0% / 5%),
+                    hsl(0deg 0% 100% / 5%)
+                );
             }
 
             &:active,
             &:focus {
-                background-color: hsl(0deg 0% 0% / 10%);
+                background-color: light-dark(
+                    hsl(0deg 0% 0% / 10%),
+                    hsl(0deg 0% 100% / 10%)
+                );
                 outline: none;
             }
         }