diff --git a/documentation/src/refine-theme/landing-already-invented.tsx b/documentation/src/refine-theme/landing-already-invented.tsx
index 4db17e1403d4..b7457e7fbbec 100644
--- a/documentation/src/refine-theme/landing-already-invented.tsx
+++ b/documentation/src/refine-theme/landing-already-invented.tsx
@@ -147,7 +147,7 @@ export const LandingAlreadyInvented: FC<Props> = ({ className }) => {
                     className={clsx(
                         "not-prose",
                         "mt-4 landing-sm:mt-6 landing-lg:mt-10",
-                        "px-4 landing-md:px-10",
+                        "px-4 landing-sm:px-6",
                     )}
                 >
                     <h6
diff --git a/documentation/src/refine-theme/landing-community.tsx b/documentation/src/refine-theme/landing-community.tsx
index e92fd134f11f..02f918d851c3 100644
--- a/documentation/src/refine-theme/landing-community.tsx
+++ b/documentation/src/refine-theme/landing-community.tsx
@@ -124,7 +124,7 @@ export const LandingCommunity: FC<Props> = ({ className }) => {
                         "w-full landing-lg:w-[486px]",
                         "not-prose",
                         "flex-shrink-0",
-                        "p-4",
+                        "p-4 ",
                         "rounded-3xl",
                         "dark:bg-landing-noise",
                         "dark:bg-gray-800 bg-gray-50",
@@ -141,6 +141,8 @@ export const LandingCommunity: FC<Props> = ({ className }) => {
                     <div
                         className={clsx(
                             "mt-6",
+                            "landing-lg:w-[300px]",
+                            "px-0 landing-sm:px-6",
                             "text-base",
                             "not-prose",
                             "dark:text-gray-400 text-gray-600",
diff --git a/documentation/src/refine-theme/landing-packages.tsx b/documentation/src/refine-theme/landing-packages.tsx
index 584991adf5a9..1096cabbf25e 100644
--- a/documentation/src/refine-theme/landing-packages.tsx
+++ b/documentation/src/refine-theme/landing-packages.tsx
@@ -145,7 +145,7 @@ export const LandingPackages: FC<Props> = ({ className }) => {
                     className={clsx(
                         "not-prose",
                         "mt-4 landing-sm:mt-6 landing-lg:mt-10",
-                        "px-4 landing-md:px-10",
+                        "px-4 landing-sm:px-10",
                     )}
                 >
                     <h6
diff --git a/documentation/src/refine-theme/landing-pure-react-code.tsx b/documentation/src/refine-theme/landing-pure-react-code.tsx
index b13ab2256be8..179ff1cd228d 100644
--- a/documentation/src/refine-theme/landing-pure-react-code.tsx
+++ b/documentation/src/refine-theme/landing-pure-react-code.tsx
@@ -34,7 +34,7 @@ export const LandingPureReactCode: FC<Props> = ({ className }) => {
                     className={clsx(
                         "not-prose",
                         "mt-4 landing-sm:mt-6 landing-lg:mt-10",
-                        "px-4 landing-md:px-10",
+                        "px-4 landing-sm:px-6",
                     )}
                 >
                     <h6