From b1e7e856580361d3eb73c59b91d9a9b72951f441 Mon Sep 17 00:00:00 2001
From: Tobias Bieniek <tobias@bieniek.cloud>
Date: Fri, 23 Aug 2024 10:37:43 +0200
Subject: [PATCH] styles: Fix button text color when hovering

Buttons were not meant to get a green text color when the cursor hovers over them...
---
 app/styles/shared/buttons.module.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/styles/shared/buttons.module.css b/app/styles/shared/buttons.module.css
index 536eb92d7a0..c3af8ed4bf3 100644
--- a/app/styles/shared/buttons.module.css
+++ b/app/styles/shared/buttons.module.css
@@ -34,7 +34,11 @@
     cursor: pointer;
 
     &:hover, &:active, &:visited {
-        color: var(--text-color);
+        /*
+         * This is using `important` to override the `a:hover` declaration which
+         * appears to have higher specificity than the `button:hover` declaration.
+         */
+        color: var(--text-color) !important;
     }
 
     img, svg {