diff --git a/src/styles/components/buttons/_action_button.scss b/src/styles/components/buttons/_action_button.scss
index de0b445..1f2b9bd 100644
--- a/src/styles/components/buttons/_action_button.scss
+++ b/src/styles/components/buttons/_action_button.scss
@@ -79,6 +79,10 @@
   letter-spacing: 1px;
   transition: all var(--duration-normal) var(--easing-ease-out);
 
+  svg {
+    color: var(--text-primary);
+  }
+
   &:hover {
     background-color: rgba(255, 255, 255, 0.3);
     transform: translateY(-2px);
@@ -96,15 +100,13 @@
     transform: none;
     box-shadow: none;
   }
-
   // Settings icon button variant
   &.settings-icon-button {
     svg {
       transition: transform var(--duration-normal) var(--easing-ease-out);
     }
-
     &:hover svg {
-      transform: rotate(90deg);
+      transform: rotate(45deg);
     }
   }
 }
diff --git a/src/styles/components/dialogs/_settings_dialog.scss b/src/styles/components/dialogs/_settings_dialog.scss
index fa20ab9..cf67ff1 100644
--- a/src/styles/components/dialogs/_settings_dialog.scss
+++ b/src/styles/components/dialogs/_settings_dialog.scss
@@ -50,6 +50,10 @@
     opacity: 0.7;
   }
 
+  .icon {
+    color: var(--text-primary);
+  }
+
   .placeholder-text {
     h5 {
       font-size: 1.1rem;
diff --git a/src/styles/components/layout/_sidebar.scss b/src/styles/components/layout/_sidebar.scss
index 75a6038..63a74de 100644
--- a/src/styles/components/layout/_sidebar.scss
+++ b/src/styles/components/layout/_sidebar.scss
@@ -60,6 +60,11 @@
         color: var(--elevated-bg);
       }
     }
+
+    // Ensure icons are white when not active
+    &:not(.active) .filter-icon {
+      color: var(--text-primary);
+    }
   }
 }
 
@@ -73,6 +78,37 @@
   }
 }
 
+.settings-button {
+  margin-top: auto;
+
+  &.btn.btn-secondary {
+    background-color: transparent;
+    border: 1px solid transparent;
+    color: var(--text-secondary);
+
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.07);
+      color: var(--text-primary);
+      border-color: var(--border-soft);
+      transform: none;
+      box-shadow: none;
+    }
+
+    &:active {
+      transform: scale(0.98);
+    }
+
+    .settings-icon {
+      transition: transform 0.3s ease;
+      color: inherit;
+    }
+
+    &:hover .settings-icon {
+      transform: rotate(45deg);
+    }
+  }
+}
+
 // App logo styles
 .app-logo {
   display: flex;