From 9315babecb703596e06d45492cbfade6883c7b0e Mon Sep 17 00:00:00 2001
From: Krystal <150982280+KrstlSkll69@users.noreply.github.com>
Date: Thu, 20 Mar 2025 19:32:51 -0400
Subject: [PATCH] Css Nesting

---
 OtherStuff/RecolorAddFriendsTab.css | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/OtherStuff/RecolorAddFriendsTab.css b/OtherStuff/RecolorAddFriendsTab.css
index d60e593..66d7ca7 100644
--- a/OtherStuff/RecolorAddFriendsTab.css
+++ b/OtherStuff/RecolorAddFriendsTab.css
@@ -7,19 +7,23 @@
 * @website https://krstlskll69.github.io/
 * @source https://github.com/KrstlSkll69/vc-snippets?tab=readme-ov-file#8th-add-friends-tab-recolour--recolours-the-add-friend-tab-so-it-matchs-with-the-tabs
 */
-[data-tab-id=ADD_FRIEND]{
+
+[data-tab-id=ADD_FRIEND] {
     background-color: var(--background-color) !important;
     color: var(--interactive-normal) !important;
+
+    &:hover {
+        background-color: var(--background-modifier-hover) !important;
+        color: var(--interactive-hover) !important;
+    }
 }
-[data-tab-id=ADD_FRIEND]:hover{
-    background-color: var(--background-modifier-hover) !important;
-    color: var(--interactive-hover) !important;
-}
-[data-tab-id=ADD_FRIEND][aria-selected=true]{
+
+[data-tab-id=ADD_FRIEND][aria-selected=true] {
     background-color: var(--background-modifier-selected) !important;
     color: var(--interactive-active) !important;
-}
-[data-tab-id=ADD_FRIEND][aria-selected=true]:hover{
-    background-color: var(--background-modifier-hover) !important;
-    color: var(--interactive-active) !important;
+
+    &:hover {
+        background-color: var(--background-modifier-hover) !important;
+        color: var(--interactive-active) !important;
+    }
 }
\ No newline at end of file