diff --git a/packages/console/src/cloud/pages/Main/TenantLandingPage/index.module.scss b/packages/console/src/cloud/pages/Main/TenantLandingPage/index.module.scss
index 772f9905b..c88899c4d 100644
--- a/packages/console/src/cloud/pages/Main/TenantLandingPage/index.module.scss
+++ b/packages/console/src/cloud/pages/Main/TenantLandingPage/index.module.scss
@@ -14,7 +14,7 @@
     justify-content: center;
     text-align: center;
     flex-grow: 1;
-    transform: translateY(-32px); // Half of the topbar height, to make the placeholder vertically centered.
+    padding-bottom: 64px; // the height of the topbar
 
     .image {
       > svg {
@@ -39,7 +39,3 @@
     }
   }
 }
-
-.topbar {
-  z-index: 1;
-}
diff --git a/packages/console/src/cloud/pages/Main/TenantLandingPage/index.tsx b/packages/console/src/cloud/pages/Main/TenantLandingPage/index.tsx
index 2d7abf6d1..40ff9a0fb 100644
--- a/packages/console/src/cloud/pages/Main/TenantLandingPage/index.tsx
+++ b/packages/console/src/cloud/pages/Main/TenantLandingPage/index.tsx
@@ -6,7 +6,7 @@ import * as styles from './index.module.scss';
 function TenantLandingPage() {
   return (
     <div className={styles.pageContainer}>
-      <Topbar className={styles.topbar} />
+      <Topbar />
       <TenantLandingPageContent className={styles.placeholder} />
     </div>
   );