From 7eb3113adaa0917c0275576c3366c387bfe77440 Mon Sep 17 00:00:00 2001
From: knownotunknown <78577376+knownotunknown@users.noreply.github.com>
Date: Fri, 9 Feb 2024 14:33:11 -0600
Subject: [PATCH] fix: update alignment

---
 .../ScheduleTotalHoursAndCourses.tsx          | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/components/common/ScheduleTotalHoursAndCourses/ScheduleTotalHoursAndCourses.tsx b/src/views/components/common/ScheduleTotalHoursAndCourses/ScheduleTotalHoursAndCourses.tsx
index 2409045e..a63e348a 100644
--- a/src/views/components/common/ScheduleTotalHoursAndCourses/ScheduleTotalHoursAndCourses.tsx
+++ b/src/views/components/common/ScheduleTotalHoursAndCourses/ScheduleTotalHoursAndCourses.tsx
@@ -17,7 +17,7 @@ export interface ScheduleTotalHoursAndCoursesProps {
  */
 export default function ScheduleTotalHoursAndCoursess({ scheduleName, totalHours, totalCourses }: ScheduleTotalHoursAndCoursesProps): JSX.Element {
     return (
-        <div className="flex min-w-64 items-center content-center gap-2 flex-wrap uppercase">
+        <div className="flex min-w-64 content-center gap-2 flex-wrap uppercase items-baseline">
             <Text
                 className="text-[#BF5700]"
                 variant='h1'
@@ -27,17 +27,17 @@ export default function ScheduleTotalHoursAndCoursess({ scheduleName, totalHours
             </Text>
             <Text
                 variant='h3'
-                as='span'
-                className="text-[#1A2024]"
+                as='div'
+                className="text-[#1A2024] flex flex-row gap-2 items-center"
             >
                 {`${totalHours} HOURS`}
-            </Text>
-            <Text
-                variant='h4'
-                as='span'
-                className="text-[#333F48]"
-            >
-                {`${totalCourses} courses`}
+                <Text
+                    variant='h4'
+                    as='span'
+                    className="text-[#333F48]"
+                >
+                    {`${totalCourses} courses`}
+                </Text>
             </Text>
         </div>
     );