From 3b6e886243d211a21f45628c155eeba02db721cf Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Tue, 3 Sep 2024 15:19:33 +0530
Subject: [PATCH] center align text in mobile view

---
 src/Components/CameraFeed/StillWatching.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/CameraFeed/StillWatching.tsx b/src/Components/CameraFeed/StillWatching.tsx
index 14255aa0d93..9beb0d3efc1 100644
--- a/src/Components/CameraFeed/StillWatching.tsx
+++ b/src/Components/CameraFeed/StillWatching.tsx
@@ -78,7 +78,7 @@ export default function StillWatching(props: { children: React.ReactNode }) {
       />
       {state === "timed-out" ? (
         <div className="flex h-[50vh] w-full flex-col items-center justify-center gap-4 rounded-lg border-4 border-dashed border-secondary-400">
-          <span className="text-xl font-bold text-secondary-700">
+          <span className="text-center text-xl font-bold text-secondary-700">
             {t("stream_stopped_due_to_inativity")}
           </span>
           <ButtonV2 onClick={() => reset(true)}>