diff --git a/src/renderer/components/+landing-page/landing-page.scss b/src/renderer/components/+landing-page/landing-page.scss
index 2e482d2b49..81ae070117 100644
--- a/src/renderer/components/+landing-page/landing-page.scss
+++ b/src/renderer/components/+landing-page/landing-page.scss
@@ -1,6 +1,4 @@
-.LandingPage {
-  width: 100%;
-  height: 100%;
+.PageLayout.LandingPage {
+  --width: 80%;
   text-align: center;
-  z-index: 0;
 }
\ No newline at end of file
diff --git a/src/renderer/components/+landing-page/landing-page.tsx b/src/renderer/components/+landing-page/landing-page.tsx
index 853d1e3486..6f23ca9fe0 100644
--- a/src/renderer/components/+landing-page/landing-page.tsx
+++ b/src/renderer/components/+landing-page/landing-page.tsx
@@ -4,6 +4,7 @@ import { observer } from "mobx-react";
 import { Workspace, workspaceStore } from "../../../common/workspace-store";
 import { WorkspaceOverview } from "./workspace-overview";
 import { PageLayout } from "../layout/page-layout";
+
 @observer
 export class LandingPage extends React.Component {
 
@@ -15,7 +16,7 @@ export class LandingPage extends React.Component {
     const header = <h2>Workspace: {this.workspace.name}</h2>;
 
     return (
-      <PageLayout className="LandingPage" header={header} provideBackButtonNavigation={false}>
+      <PageLayout className="LandingPage flex column gaps" header={header} provideBackButtonNavigation={false} contentGaps={false}>
         <WorkspaceOverview workspace={this.workspace}/>
       </PageLayout>
     );