From c55b7a27e58ea4198b79c97454e4adf7dca435ec Mon Sep 17 00:00:00 2001
From: Ma3ert <yahyaitiazza15@gmail.com>
Date: Sat, 11 Apr 2026 15:32:47 +0100
Subject: [PATCH 1/2] fix: added z-index to theme button when hovered

---
 frontend/src/styles/settings.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/styles/settings.scss b/frontend/src/styles/settings.scss
index 6aa5b86db954..90dcd8b2c024 100644
--- a/frontend/src/styles/settings.scss
+++ b/frontend/src/styles/settings.scss
@@ -546,6 +546,10 @@
         gap: 0.5rem;
         .button {
           transition: transform 0.125s;
+          position: relative;
+          &:hover {
+            z-index: 10;
+          }
           &:hover .themeBubbles {
             opacity: 1;
           }

From 510b7b7330b2bc99321220e14677f7cd438a3808 Mon Sep 17 00:00:00 2001
From: Ma3ert <yahyaitiazza15@gmail.com>
Date: Tue, 14 Apr 2026 21:22:45 +0100
Subject: [PATCH 2/2] remove position: relative when hovering on button

---
 frontend/src/styles/settings.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/styles/settings.scss b/frontend/src/styles/settings.scss
index 90dcd8b2c024..05b4803dd89e 100644
--- a/frontend/src/styles/settings.scss
+++ b/frontend/src/styles/settings.scss
@@ -546,7 +546,6 @@
         gap: 0.5rem;
         .button {
           transition: transform 0.125s;
-          position: relative;
           &:hover {
             z-index: 10;
           }