From 2af12d5938571d4cb4830f483b74acddeef6d604 Mon Sep 17 00:00:00 2001
From: Ben Scobie <benscobie@users.noreply.github.com>
Date: Tue, 6 Aug 2024 22:41:20 +0100
Subject: [PATCH] Fix invalid classnames

---
 components/ui/atoms/Input.tsx  | 2 +-
 components/ui/atoms/Select.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/ui/atoms/Input.tsx b/components/ui/atoms/Input.tsx
index e2d7e7e..4acae4b 100644
--- a/components/ui/atoms/Input.tsx
+++ b/components/ui/atoms/Input.tsx
@@ -31,7 +31,7 @@ const Input = forwardRef<HTMLInputElement, InputProps>(function InputGroup(
     <>
       <div className="mb-1 block">
         <label htmlFor={id}>
-          {label} {required && <span className="text-red">*</span>}
+          {label} {required && <span className="text-red-600">*</span>}
         </label>
         {tooltip && <Tooltip text={tooltip} />}
       </div>
diff --git a/components/ui/atoms/Select.tsx b/components/ui/atoms/Select.tsx
index 92a7308..2e79687 100644
--- a/components/ui/atoms/Select.tsx
+++ b/components/ui/atoms/Select.tsx
@@ -27,7 +27,7 @@ const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(
   return (
     <>
       <label htmlFor={id} className="mb-1 block">
-        {label} {required && <span className="text-red">*</span>}
+        {label} {required && <span className="text-red-600">*</span>}
       </label>
       <select
         id="loanType"