diff --git a/src/gui/html/elements/loot-dropdown-menu.html b/src/gui/html/elements/loot-dropdown-menu.html
index 3f665e03..6ab53481 100644
--- a/src/gui/html/elements/loot-dropdown-menu.html
+++ b/src/gui/html/elements/loot-dropdown-menu.html
@@ -27,7 +27,7 @@ it a <select>-like API. This means:
       }
       :host(.dark) paper-dropdown-menu {
         --paper-input-container-underline: {
-          background-color: var(--dark-theme-divider-color);
+          border-color: var(--dark-theme-divider-color);
         };
         --paper-input-container-underline-disabled: {
           border-color: var(--dark-theme-divider-color);
diff --git a/src/gui/html/elements/loot-search-toolbar.html b/src/gui/html/elements/loot-search-toolbar.html
index db3d3d71..d8c8b4af 100644
--- a/src/gui/html/elements/loot-search-toolbar.html
+++ b/src/gui/html/elements/loot-search-toolbar.html
@@ -24,7 +24,7 @@ loot-search-end: Fired when the close button is clicked.
         --paper-input-container-input-color: var(--dark-theme-text-color);
         --paper-input-container-color: var(--dark-theme-secondary-color);
         --paper-input-container-underline: {
-          background-color: var(--dark-theme-divider-color);
+          border-color: var(--dark-theme-divider-color);
         };
 
         display: block;
diff --git a/src/gui/html/index.html b/src/gui/html/index.html
index 2947dc02..699ec2f8 100644
--- a/src/gui/html/index.html
+++ b/src/gui/html/index.html
@@ -117,10 +117,10 @@
         text-overflow: ellipsis;
       };
       --paper-input-container-underline: {
-        background-color: var(--divider-color);
+        border-color: var(--divider-color);
       };
       --paper-input-container-underline-focus: {
-        background-color: var(--accent-color);
+        border-color: var(--accent-color);
       };
 
       paper-menu-button {