diff --git a/public/assets/default_theme/css/pages/feeds.css b/public/assets/default_theme/css/pages/feeds.css
index 921b076667..45c9585237 100644
--- a/public/assets/default_theme/css/pages/feeds.css
+++ b/public/assets/default_theme/css/pages/feeds.css
@@ -171,6 +171,8 @@ embed header {
 .button-container:focus,
 .button-container:hover {
     border: none !important;
+    mask-repeat: no-repeat !important;
+    mask-size: cover !important;
     opacity: 1;
     background-color: var(--accent);
 }
diff --git a/public/assets/default_theme/css/widgets/buttons.css b/public/assets/default_theme/css/widgets/buttons.css
index 52b2d6f7b7..22a8d97d7f 100644
--- a/public/assets/default_theme/css/widgets/buttons.css
+++ b/public/assets/default_theme/css/widgets/buttons.css
@@ -40,11 +40,13 @@ input[type=radio] {
 input[type=checkbox] {
     background-size: 100%;
     margin-right: 2px;
+    -webkit-mask-image: url("../../icons/check-off.svg") !important;
     -o-mask-image: url("../../icons/check-off.svg") !important;
     -moz-mask-image: url("../../icons/check-off.svg") !important;
     mask-image: url("../../icons/check-off.svg") !important;
 }
 input[type=checkbox]:checked {
+    -webkit-mask-image: url("../../icons/check-on.svg") !important;
     -o-mask-image: url("../../icons/check-on.svg") !important;
     -moz-mask-image: url("../../icons/check-on.svg") !important;
     mask-image: url("../../icons/check-on.svg") !important;