diff --git a/app/page.tsx b/app/page.tsx
index b3387fd..70b2016 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -19,7 +19,7 @@ export default function Home() {
   const [liveClasses, setLiveClasses] = useState<SessionSchedule[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const [quizzes, setQuizzes] = useState<QuizSession[]>([]);
-  const commonTextClass = "text-gray-700 text-sm md:text-base mx-6 md:mx-8";
+  const commonTextClass = "text-gray-700 text-xs md:text-sm mx-3 md:mx-8 whitespace-nowrap w-12";
   const infoMessageClass = "flex items-center justify-center text-center h-72 mx-4 pb-40";
   const portalBaseUrl = api.portal.frontend.baseUrl;
   const [batchId, setBatchId] = useState();
@@ -105,7 +105,7 @@ export default function Home() {
         return (
           <p className="text-xs italic font-normal mr-4">
             Starts at <br />
-            {sessionStartTimeStr}
+            {formatTime(sessionStartTimeStr)}
           </p>
         );
       }
@@ -122,7 +122,7 @@ export default function Home() {
         return (
           <p className="text-xs italic font-normal mr-4">
             Starts at <br />
-            {sessionStartTimeStr}
+            {formatTime(sessionStartTimeStr)}
           </p>
         );
       }
diff --git a/utils/dateUtils.ts b/utils/dateUtils.ts
index bf5fc33..83e35cf 100644
--- a/utils/dateUtils.ts
+++ b/utils/dateUtils.ts
@@ -30,21 +30,13 @@ export function formatCurrentTime(dateTimeStr: string) {
 }
 
 export function formatQuizSessionTime(dateTimeStr: string) {
-    const [time, period] = dateTimeStr.split(' ');
-    const [hours, minutes, seconds] = time.split(':');
-    let hours24 = parseInt(hours, 10);
-
-    if (period && period.toUpperCase() === 'PM') {
-        hours24 += 12;
-    }
-
-    const formattedTime = `${String(hours24).padStart(2, "0")}:${minutes}`;
-    return formattedTime;
+    const time = new Date(`01/01/2000 ${dateTimeStr}`);
+    return time.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
 }
 
 export function formatTime(dateTimeStr: string) {
-    const [hours, minutes] = dateTimeStr.split(':');
-    return `${hours}:${minutes}`;
+    const time = new Date(`2000-01-01T${dateTimeStr}`);
+    return time.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit', hour12: true });
 }
 
 export function isSessionActive(endTime: string): boolean {