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" : ""}`
     }