diff --git a/documentation/src/refine-theme/landing-hero-showcase-section.tsx b/documentation/src/refine-theme/landing-hero-showcase-section.tsx
index 902da220..143d9bad 100644
--- a/documentation/src/refine-theme/landing-hero-showcase-section.tsx
+++ b/documentation/src/refine-theme/landing-hero-showcase-section.tsx
@@ -98,7 +98,7 @@ export const LandingHeroShowcaseSection = ({}) => {
                                 "ease-out",
                             )}
                             style={{
-                                width: `calc((100% - (3 * 8px)) / 4)`,
+                                width: `calc((100% - (3 * 8px)) / 2)`,
                                 minWidth: "244px",
                                 transform: `translateX(calc((100% + 8px) * ${apps.findIndex(
                                     (f) => f.name === activeApp.name,