From fb47d730bd950de926d8cd0bd1680527e2662eae Mon Sep 17 00:00:00 2001
From: Beau Findlay <me@beaufindlay.com>
Date: Fri, 26 Apr 2024 13:46:59 +0100
Subject: [PATCH] About tabs WIP

---
 src/Client/src/components/AboutTabs.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Client/src/components/AboutTabs.tsx b/src/Client/src/components/AboutTabs.tsx
index f2c1f68..56e0d73 100644
--- a/src/Client/src/components/AboutTabs.tsx
+++ b/src/Client/src/components/AboutTabs.tsx
@@ -11,13 +11,13 @@ export default function AboutTabs() {
     <Tab.Group as="div" className="mt-4">
       <div className="-mx-4 flex overflow-x-auto sm:mx-0">
         <div className="flex-auto border-b border-gray-200 px-4 sm:px-0">
-          <Tab.List className="-mb-px flex space-x-10">
+          <Tab.List className="-mb-px flex space-x-8">
             <Tab
               className={({ selected }) =>
                 classNames(
                   selected
-                    ? "border-indigo-500 text-indigo-600"
-                    : "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700",
+                    ? "border-gray-300 text-gray-200"
+                    : "border-transparent hover:border-gray-300 hover:text-gray-200",
                   "whitespace-nowrap border-b-2 py-6 text-sm font-medium"
                 )
               }
@@ -28,8 +28,8 @@ export default function AboutTabs() {
               className={({ selected }) =>
                 classNames(
                   selected
-                    ? "border-indigo-500 text-indigo-600"
-                    : "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700",
+                    ? "border-gray-300 text-gray-200"
+                    : "border-transparent hover:border-gray-300 hover:text-gray-200",
                   "whitespace-nowrap border-b-2 py-6 text-sm font-medium"
                 )
               }
@@ -40,8 +40,8 @@ export default function AboutTabs() {
               className={({ selected }) =>
                 classNames(
                   selected
-                    ? "border-indigo-500 text-indigo-600"
-                    : "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700",
+                    ? "border-gray-300 text-gray-200"
+                    : "border-transparent hover:border-gray-300 hover:text-gray-200",
                   "whitespace-nowrap border-b-2 py-6 text-sm font-medium"
                 )
               }