diff --git a/app/layout.tsx b/app/layout.tsx
index e836e92..fb3fb16 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -31,7 +31,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
     }
 
     return (
-        <html lang="en">
+        <html lang="en" className=" min-w-min">
         <head>
             <style jsx global>{`
                     html {
diff --git a/app/page.tsx b/app/page.tsx
index a3c9573..e331cf6 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -5,7 +5,7 @@ export default function MainPage() {
     return (
         <>
             {JavaContent.sections.map((section, index) => (
-                <section key={index} id={section.id} className={`py-12 md:py-24 ${index % 2 === 0 ? 'bg-muted' : ''}`}>
+                <section key={index} id={section.id} className={`py-12 md:py-24 w-full ${index % 2 === 0 ? 'bg-muted' : ''}`}>
                     <div className="container mx-auto px-4 md:px-6">
                         <h2 className="text-3xl font-bold mb-8">{section.title}</h2>
                         <p className="text-lg mb-8">{section.description}</p>
