diff --git a/src/pages/BinarySearchTrickGreenScreen.tsx b/src/pages/BinarySearchTrickGreenScreen.tsx
index 8f96ac9..9019b26 100644
--- a/src/pages/BinarySearchTrickGreenScreen.tsx
+++ b/src/pages/BinarySearchTrickGreenScreen.tsx
@@ -8,7 +8,7 @@ const BinarySearchTrickGreenScreen = () => {
 
   return (
     <GreenScreenWrapper mode={greenScreenMode}>
-      <div className="space-y-6">
+      <div className="container mx-auto px-4 py-8">
         <BinarySearchTrick showSocialShare={false} />
       </div>
     </GreenScreenWrapper>
diff --git a/src/pages/BinarySearchTrickPage.tsx b/src/pages/BinarySearchTrickPage.tsx
index 75da09d..d77238b 100644
--- a/src/pages/BinarySearchTrickPage.tsx
+++ b/src/pages/BinarySearchTrickPage.tsx
@@ -2,9 +2,9 @@ import BinarySearchTrick from '@/components/BinarySearchTrick';
 
 const BinarySearchTrickPage = () => {
   return (
-    <div className="min-h-screen bg-background p-6">
-      <div className="max-w-7xl mx-auto">
-        <BinarySearchTrick />
+    <div className="min-h-screen bg-background">
+      <div className="container mx-auto px-4 py-8">
+        <BinarySearchTrick showSocialShare={true} />
       </div>
     </div>
   );
diff --git a/src/pages/TernarySearchTrickGreenScreen.tsx b/src/pages/TernarySearchTrickGreenScreen.tsx
index 1875cf8..9e6a533 100644
--- a/src/pages/TernarySearchTrickGreenScreen.tsx
+++ b/src/pages/TernarySearchTrickGreenScreen.tsx
@@ -8,7 +8,7 @@ const TernarySearchTrickGreenScreen = () => {
 
   return (
     <GreenScreenWrapper mode={greenScreenMode}>
-      <div className="space-y-6">
+      <div className="container mx-auto px-4 py-8">
         <TernarySearchTrick showSocialShare={false} />
       </div>
     </GreenScreenWrapper>
diff --git a/src/pages/TernarySearchTrickPage.tsx b/src/pages/TernarySearchTrickPage.tsx
index b99bd4c..4698e1d 100644
--- a/src/pages/TernarySearchTrickPage.tsx
+++ b/src/pages/TernarySearchTrickPage.tsx
@@ -2,8 +2,8 @@ import TernarySearchTrick from '@/components/TernarySearchTrick';
 
 const TernarySearchTrickPage = () => {
   return (
-    <div className="min-h-screen bg-background flex items-center justify-center">
-      <div className="w-full max-w-6xl px-4 py-8">
+    <div className="min-h-screen bg-background">
+      <div className="container mx-auto px-4 py-8">
         <TernarySearchTrick showSocialShare={true} />
       </div>
     </div>