From 6bf9f56ad196d21847333e2f8aeba2514f4b7d4a Mon Sep 17 00:00:00 2001
From: Dominik Zogg <dominik.zogg@hotmail.com>
Date: Sat, 16 Mar 2024 22:55:13 +0100
Subject: [PATCH] fix app-tsx css classes

---
 src/app.tsx        | 2 +-
 tests/app.test.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index 28201e2..9aa557e 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -37,7 +37,7 @@ const App: FC = () => {
                 `block px-4 py-2 ${
                   isActive
                     ? 'text-gray-100 bg-gray-700 hover:bg-gray-600'
-                    : 'bg-gray-300 ext-gray-900 hover:bg-gray-400'
+                    : 'text-gray-900 bg-gray-300 hover:bg-gray-400'
                 }`
               }
               to="/pet"
diff --git a/tests/app.test.tsx b/tests/app.test.tsx
index e23554f..d3188c9 100644
--- a/tests/app.test.tsx
+++ b/tests/app.test.tsx
@@ -46,7 +46,7 @@ test('close navigation', async () => {
             <li>
               <a
                 data-testid="navigation-pet"
-                class="block px-4 py-2 bg-gray-300 ext-gray-900 hover:bg-gray-400"
+                class="block px-4 py-2 text-gray-900 bg-gray-300 hover:bg-gray-400"
                 href="/pet"
                 >Pets</a
               >
@@ -97,7 +97,7 @@ test('open navigation', async () => {
             <li>
               <a
                 data-testid="navigation-pet"
-                class="block px-4 py-2 bg-gray-300 ext-gray-900 hover:bg-gray-400"
+                class="block px-4 py-2 text-gray-900 bg-gray-300 hover:bg-gray-400"
                 href="/pet"
                 >Pets</a
               >