From a6b459b1d1385623e24470ff5b2a34f2d4ced80a Mon Sep 17 00:00:00 2001
From: shaik-zeeshan <145040231+shaik-zeeshan@users.noreply.github.com>
Date: Thu, 20 Feb 2025 23:44:27 +0530
Subject: [PATCH] fix: add max-w to page div (#1424)

Co-authored-by: shaikzeeshan <shaikzeeshan999@gmail.com undefined>
---
 screenpipe-app-tauri/app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/screenpipe-app-tauri/app/page.tsx b/screenpipe-app-tauri/app/page.tsx
index 6fa20b489..34fa4954d 100644
--- a/screenpipe-app-tauri/app/page.tsx
+++ b/screenpipe-app-tauri/app/page.tsx
@@ -153,7 +153,7 @@ export default function Home() {
           const pipeApi = new PipeApi();
           console.log("audio-devices", devices);
           await Promise.all(
-            devices.map((device) => pipeApi.startAudio(device))
+            devices.map((device) => pipeApi.startAudio(device)),
           );
           toast({
             title: "audio started",
@@ -206,7 +206,7 @@ export default function Home() {
   useEffect(() => {
     const checkScreenPermissionRestart = async () => {
       const restartPending = await localforage.getItem(
-        "screenPermissionRestartPending"
+        "screenPermissionRestartPending",
       );
       if (restartPending) {
         setShowOnboarding(true);
@@ -228,7 +228,7 @@ export default function Home() {
   }, []);
 
   return (
-    <div className="flex flex-col items-center flex-1">
+    <div className="flex flex-col items-center flex-1 max-w-screen-2xl mx-auto relative">
       <NotificationHandler />
       {showOnboarding ? (
         <Onboarding />
@@ -237,7 +237,7 @@ export default function Home() {
           <ChangelogDialog />
           <BreakingChangesInstructionsDialog />
           <Header />
-          <div className=" w-[90%]">
+          <div className=" w-full">
             <PipeStore />
           </div>
         </>