diff --git a/javascript/gallery.js b/javascript/gallery.js
index 5791990c3..05cd4cad9 100644
--- a/javascript/gallery.js
+++ b/javascript/gallery.js
@@ -119,9 +119,13 @@ function updateGalleryStyles() {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
+        transition-duration: 0.2s;
+        transition-property: color, opacity, background-color, border-color;
+        transition-timing-function: ease-out;
       }
       .gallery-folder:hover {
-        background-color: var(--button-primary-background-fill-hover);
+        background-color: var(--button-primary-background-fill-hover, var(--sd-button-hover-color));
+        color: var(--sd-input-hover-text-color);
       }
       .gallery-folder-selected {
         background-color: var(--sd-button-selected-color);