diff --git a/app/calculation/page.tsx b/app/calculation/page.tsx
index 5c2c2840..e865d3d4 100644
--- a/app/calculation/page.tsx
+++ b/app/calculation/page.tsx
@@ -12,7 +12,7 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-12">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_CALCULATION_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
diff --git a/app/design/page.tsx b/app/design/page.tsx
index 2e150ce3..ab1268a1 100644
--- a/app/design/page.tsx
+++ b/app/design/page.tsx
@@ -12,7 +12,7 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-12">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_ARTLAB_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
diff --git a/app/flow/page.tsx b/app/flow/page.tsx
index bc81211c..b5f239e2 100644
--- a/app/flow/page.tsx
+++ b/app/flow/page.tsx
@@ -12,7 +12,7 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-12">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_FLOW_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
diff --git a/app/gite/page.tsx b/app/gite/page.tsx
index 5788ed2d..e848c435 100644
--- a/app/gite/page.tsx
+++ b/app/gite/page.tsx
@@ -12,7 +12,7 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-12">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_GITE_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
diff --git a/app/learn/page.tsx b/app/learn/page.tsx
index 0138503f..0af118ab 100644
--- a/app/learn/page.tsx
+++ b/app/learn/page.tsx
@@ -12,7 +12,7 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-12">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_LEARN_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"