From 01bcdb515c2b37f5e1ecbb3d3f8da75d7aef1eda Mon Sep 17 00:00:00 2001
From: ragnep <ragneinfo@gmail.com>
Date: Tue, 10 Mar 2026 13:32:03 +0200
Subject: [PATCH 1/2] wip

Signed-off-by: ragnep <ragneinfo@gmail.com>
---
 components/waves/leaderboard/header/WaveleaderboardSort.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/waves/leaderboard/header/WaveleaderboardSort.tsx b/components/waves/leaderboard/header/WaveleaderboardSort.tsx
index b7fdc5f86c..801f5aff02 100644
--- a/components/waves/leaderboard/header/WaveleaderboardSort.tsx
+++ b/components/waves/leaderboard/header/WaveleaderboardSort.tsx
@@ -72,7 +72,7 @@ export const WaveleaderboardSort: React.FC<WaveleaderboardSortProps> = ({
       <div
         role="tablist"
         aria-label="Sort options"
-        className="tw-flex tw-items-center tw-gap-x-1 tw-rounded-lg tw-bg-iron-950 tw-p-1 tw-ring-1 tw-ring-inset tw-ring-iron-700"
+        className="tw-flex tw-items-center tw-gap-x-1 tw-rounded-lg tw-bg-iron-950 tw-p-1 tw-ring-1 tw-ring-inset tw-ring-iron-800"
       >
         {items.map((item) => (
           <button

From 3764fb1b6cbb0cfef5e4655f310d839369e501d8 Mon Sep 17 00:00:00 2001
From: ragnep <ragneinfo@gmail.com>
Date: Tue, 10 Mar 2026 14:37:51 +0200
Subject: [PATCH 2/2] tabs ui fix

Signed-off-by: ragnep <ragneinfo@gmail.com>
---
 components/waves/leaderboard/header/WaveleaderboardSort.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/waves/leaderboard/header/WaveleaderboardSort.tsx b/components/waves/leaderboard/header/WaveleaderboardSort.tsx
index 801f5aff02..e5179ec69c 100644
--- a/components/waves/leaderboard/header/WaveleaderboardSort.tsx
+++ b/components/waves/leaderboard/header/WaveleaderboardSort.tsx
@@ -58,13 +58,13 @@ export const WaveleaderboardSort: React.FC<WaveleaderboardSortProps> = ({
 }) => {
   const getTabClassName = (value: WaveDropsLeaderboardSort): string => {
     const baseClass =
-      "tw-flex tw-items-center tw-justify-center tw-whitespace-nowrap tw-rounded-lg tw-border-0 tw-px-3 tw-py-2.5 tw-text-xs tw-font-semibold tw-transition-colors tw-ring-1 tw-ring-inset";
+      "tw-flex tw-items-center tw-justify-center tw-gap-2 tw-whitespace-nowrap tw-rounded-lg tw-border-0 tw-px-3 tw-py-1.5 tw-text-xs tw-font-medium tw-leading-5 tw-transition-all tw-duration-300 tw-ease-out";
 
     if (sort === value) {
-      return `${baseClass} tw-ring-iron-600 tw-bg-iron-800 tw-text-iron-200`;
+      return `${baseClass} tw-bg-iron-800 tw-text-iron-100`;
     }
 
-    return `${baseClass} tw-ring-transparent tw-bg-transparent tw-text-iron-500 desktop-hover:hover:tw-ring-iron-700 desktop-hover:hover:tw-text-iron-300`;
+    return `${baseClass} tw-bg-iron-950 tw-text-iron-500 hover:tw-bg-iron-900 hover:tw-text-iron-100`;
   };
 
   if (mode === "tabs") {