diff --git a/packages/common/styles.js b/packages/common/styles.js
index 22441d195b00b42693a1e75d74469e349259bd0e..2b6ec5d01fe5afd8ba7e345eb9e2528f635e0bbc 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -325,6 +325,7 @@ export function getGeneralCSS(doMarginPaddingReset = true) {
         select:not(.select), .dropdown-menu {
             -moz-appearance: none;
             -webkit-appearance: none;
+            background-color: var(--dbp-background);
             background: calc(100% - 0.2rem) center no-repeat url("${unsafeCSS(
                 getIconSVGURL('chevron-down')
             )}");
@@ -636,12 +637,19 @@ export function getButtonCSS() {
         
         button.button.is-icon, .button.is-icon {
             border: none;
+            background: none;
             font-size: 1.5rem;
             padding: 0px;
             width: 40px;
             height: 40px;
         }
 
+        button.button.is-icon:hover:enabled,
+        .button.is-icon:hover:enabled {
+            background-color: var(--dbp-hover-background-color, unset);
+            color: var(--dbp-hover-color, var(--dbp-content));
+        }
+
         button.button.is-primary,
         .button.is-primary {
             background-color: var(--dbp-primary-surface);