diff --git a/documentation/src/refine-theme/landing-hero-showcase-section.tsx b/documentation/src/refine-theme/landing-hero-showcase-section.tsx
index 143d9bad..dc0a6d1a 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)) / 2)`,
+                                width: `calc(100% / 3)`,
                                 minWidth: "244px",
                                 transform: `translateX(calc((100% + 8px) * ${apps.findIndex(
                                     (f) => f.name === activeApp.name,