diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 5a235e863..64a0b8717 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -5,7 +5,11 @@ import HomepageFeatures from '@site/src/features/Home';
 
 export default function Home(): JSX.Element {
   return (
-    <Layout title={'Home'} description='Deriv API documentation'>
+    <Layout
+      title={'Home'}
+      description='Deriv API documentation'
+      wrapperClassName='home_page_wrapper'
+    >
       <Head>
         <title>Deriv API | Customise your trading app</title>
         <meta
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 540dec258..e1f1f1f59 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -219,6 +219,13 @@ div[class*='sidebarViewport'] {
   align-items: center;
 }
 
+.main-wrapper {
+  min-height: calc(100vh - 4.5rem);
+  &.home_page_wrapper {
+    height: 100%;
+  }
+}
+
 .navbar {
   padding: 0 5vw;
   height: var(--nav-height);
