diff --git a/web/src/components/CreateBMP/CreateBMP.tsx b/web/src/components/CreateBMP/CreateBMP.tsx
index 90114d3..4c5555f 100644
--- a/web/src/components/CreateBMP/CreateBMP.tsx
+++ b/web/src/components/CreateBMP/CreateBMP.tsx
@@ -46,7 +46,7 @@ const CreateBMP = () => {
         </div>
 
         <form className="bg-white shadow-sm ring-1 ring-gray-900/5 sm:rounded-xl md:col-span-2">
-          <div className="px-4 py-6 sm:p-8">
+          <div className="px-4 py-6 sm:p-2">
             <div className="grid max-w-2xl grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
               <div className="col-span-full">
                 <label
diff --git a/web/src/layouts/AuthenticatedLayout/AuthenticatedLayout.tsx b/web/src/layouts/AuthenticatedLayout/AuthenticatedLayout.tsx
index 4efcb75..a054d9e 100644
--- a/web/src/layouts/AuthenticatedLayout/AuthenticatedLayout.tsx
+++ b/web/src/layouts/AuthenticatedLayout/AuthenticatedLayout.tsx
@@ -89,7 +89,7 @@ const AuthenticatedLayout = ({ children }: AuthenticatedLayoutProps) => {
         </header>
 
         {/* Main Section */}
-        <main className="flex-grow p-6">{children}</main>
+        <main className="flex-grow p-1 md:p-6">{children}</main>
 
         {/* Footer */}
         <footer className="bg-gray-900 p-4 text-center">
diff --git a/web/src/pages/DashboardPage/DashboardPage.tsx b/web/src/pages/DashboardPage/DashboardPage.tsx
index db627f2..f2e71e9 100644
--- a/web/src/pages/DashboardPage/DashboardPage.tsx
+++ b/web/src/pages/DashboardPage/DashboardPage.tsx
@@ -13,7 +13,7 @@ const DashboardPage = () => {
   ]
 
   return (
-    <div className="grid grid-cols-1 gap-8 px-4 sm:px-6 md:grid-cols-2 lg:grid-cols-3 lg:px-8">
+    <div className="grid grid-cols-1 md:gap-8 gap-3 px-4 sm:px-6 md:grid-cols-2 lg:grid-cols-3 lg:px-8">
       <WelcomeCard user={currentUser} />
       <QuickActionsCard />
       <RecentActivityCard activities={activities} />
diff --git a/web/src/pages/NewInspectionPage/NewInspectionPage.tsx b/web/src/pages/NewInspectionPage/NewInspectionPage.tsx
index f365635..26b4ebf 100644
--- a/web/src/pages/NewInspectionPage/NewInspectionPage.tsx
+++ b/web/src/pages/NewInspectionPage/NewInspectionPage.tsx
@@ -207,7 +207,7 @@ const NewInspectionPage = () => {
       <Form
         id="inspectionForm"
         onSubmit={handleSubmit}
-        className="mx-auto max-w-7xl rounded-xl bg-gray-900 p-8 shadow-2xl"
+        className="mx-auto max-w-7xl rounded-xl bg-gray-900 p-2 sm:p-8 shadow-2xl"
       >
         <div className="space-y-12">
           {/* Section 1: Inspection Details */}
diff --git a/web/src/pages/NewSitePage/NewSitePage.tsx b/web/src/pages/NewSitePage/NewSitePage.tsx
index 6d63209..cf0a7ec 100644
--- a/web/src/pages/NewSitePage/NewSitePage.tsx
+++ b/web/src/pages/NewSitePage/NewSitePage.tsx
@@ -117,7 +117,7 @@ const NewSitePage = () => {
       <Form
         id="new-site-form"
         onSubmit={handleCreateSite}
-        className="mx-auto max-w-7xl rounded-xl bg-gray-900 p-8 shadow-2xl"
+        className="mx-auto max-w-7xl rounded-xl bg-gray-900 p-2 sm:p-8 shadow-2xl"
       >
         <div className="space-y-12">
           <div className="grid grid-cols-1 gap-x-8 gap-y-10 border-b border-gray-900/10 pb-12 md:grid-cols-3">