diff --git a/src/app/globals.css b/src/app/globals.css
index e13a194..876bffc 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -28,6 +28,7 @@ body {
   background: var(--background);
   color: var(--foreground);
   font-family: var(--font-sans), Arial, Helvetica, sans-serif;
+  overflow-x: hidden;
 }
 
 html {
diff --git a/src/components/GettingStarted.tsx b/src/components/GettingStarted.tsx
index e17311b..f9793d8 100644
--- a/src/components/GettingStarted.tsx
+++ b/src/components/GettingStarted.tsx
@@ -57,8 +57,8 @@ const resources = [
 
 export default function GettingStarted() {
   return (
-    <section className="bg-cadcad-blue py-12">
-      <div className="container mx-auto flex flex-wrap pt-4 pb-12 text-center">
+    <section className="w-full bg-cadcad-blue py-16">
+      <div className="mx-auto flex max-w-7xl flex-wrap px-6 pt-4 pb-12 text-center">
         <div className="w-full px-6">
           <h2 className="mb-8 text-3xl font-bold text-white sm:text-4xl">
             Getting Started