From 97063d7a91e0967be266036cb3c891f01e4691bc Mon Sep 17 00:00:00 2001
From: Nicholas Griffin <nicholas.griffin@bbc.co.uk>
Date: Sun, 25 Aug 2024 01:28:11 +0100
Subject: [PATCH] chore: style changes

---
 apps/web/app/root.tsx          | 2 +-
 apps/web/app/routes/_index.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/root.tsx b/apps/web/app/root.tsx
index c5cf98d..1f7cdb7 100644
--- a/apps/web/app/root.tsx
+++ b/apps/web/app/root.tsx
@@ -30,7 +30,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
               </div>
             </div>
           </header>
-          <main className="flex-1">{children}</main>
+          <main className="w-full">{children}</main>
         </div>
         <ScrollRestoration />
         <Scripts />
diff --git a/apps/web/app/routes/_index.tsx b/apps/web/app/routes/_index.tsx
index 59386b4..e68781d 100644
--- a/apps/web/app/routes/_index.tsx
+++ b/apps/web/app/routes/_index.tsx
@@ -63,7 +63,7 @@ export default function Index() {
   return (
     <>
       <div
-        className={`w-full py-4 px-4 sm:px-6 lg:px-8 lg:max-w-3xl transition-all duration-500 ease-in-out ${
+        className={`w-full max-w-3xl py-4 px-4 sm:px-6 lg:px-8 transition-all duration-500 ease-in-out ${
           hasSearched ? 'mt-8' : 'mt-[15vh]'
         }`}
       >
@@ -123,7 +123,7 @@ export default function Index() {
       </div>
 
       {hasSearched && (
-        <div className="w-full py-4 px-4 sm:px-6 lg:px-8 lg:max-w-3xl">
+        <div className="w-full lg:max-w-3xl py-4 px-4 sm:px-6 lg:px-8">
           <h2 className="text-2xl font-bold mb-4">Search Results</h2>
           {data ? (
             <ul className="space-y-4">