From 445cd679d8a732842d15179e5eff65f1cf4a12fb Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 8 Nov 2021 14:57:51 -0300
Subject: [PATCH] Tweak styling of disabled tabs

---
 src/components/ModeTab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ModeTab.tsx b/src/components/ModeTab.tsx
index 6b7cc01..52ec3f9 100644
--- a/src/components/ModeTab.tsx
+++ b/src/components/ModeTab.tsx
@@ -10,7 +10,7 @@ const ModeTab: React.FC<ModeTabProps> = ({ disabled, children }) => (
     className={({ selected }) =>
       `border rounded-lg px-2 py-1 bg-gray-100 ${
         disabled
-          ? "text-gray-300"
+          ? "border-gray-100 text-gray-300 cursor-default"
           : "hover:bg-gray-200 hover:shadow text-gray-500 hover:text-gray-600"
       } text-xs ${selected ? "border-blue-300" : ""}`
     }