diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 1c38086..12cd7db 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -1449,6 +1449,10 @@ body.app-body  {
 .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):hover {
     border-color: var(--color-accent);
 }
+.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):active {
+    background-color: var(--color-accent-bg);
+}
+
 
 .app-body .compose-form .compose-form__warning {
     background-color: var(--color-accent-bg);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 28c259a..1f39938 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1449,6 +1449,10 @@ body.app-body  {
 .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):hover {
     border-color: var(--color-accent);
 }
+.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):active {
+    background-color: var(--color-accent-bg);
+}
+
 
 .app-body .compose-form .compose-form__warning {
     background-color: var(--color-accent-bg);
diff --git a/TangerineUI.css b/TangerineUI.css
index 647399a..9dbe113 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1449,6 +1449,10 @@ body.app-body  {
 .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):hover {
     border-color: var(--color-accent);
 }
+.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):active {
+    background-color: var(--color-accent-bg);
+}
+
 
 .app-body .compose-form .compose-form__warning {
     background-color: var(--color-accent-bg);