diff --git a/app/styles/_catalog.less b/app/styles/_catalog.less
index 5d5b793851..cb285f5924 100644
--- a/app/styles/_catalog.less
+++ b/app/styles/_catalog.less
@@ -23,7 +23,10 @@
 
 .landing {
   @media(min-width: @screen-sm-min) {
-    top: @landing-search-area-height;
+    top: (@navbar-os-header-height-desktop + @landing-search-area-height);
+    .tech-preview & {
+      top: (@navbar-os-header-height-desktop + @tech-preview-banner-height + @landing-search-area-height);
+    }
   }
   h1, .nav-tabs {
     margin-bottom: 0 !important;
diff --git a/dist/styles/main.css b/dist/styles/main.css
index 83d66332f1..bf96ae93db 100644
--- a/dist/styles/main.css
+++ b/dist/styles/main.css
@@ -4391,7 +4391,8 @@ copy-to-clipboard .input-group.limit-width{max-width:300px}
 @media (min-width:768px){.bind-service-config{margin-bottom:-20px;margin-top:-20px;overflow-y:auto;padding-right:0;background-attachment:scroll;background-image:radial-gradient(ellipse at top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%),radial-gradient(ellipse at bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 6px}
 .bind-service-config _::-webkit-full-page-media,.bind-service-config _:future,:root .bind-service-config{background-attachment:local,local,scroll,scroll;background-image:linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%),radial-gradient(ellipse at top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%),radial-gradient(ellipse at bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 65%);background-position:0 0,0 100%;background-repeat:no-repeat;background-size:100% 12px,100% 12px,100% 6px,100% 6px}
 .bind-service-config .form-horizontal .control-label{padding-right:0}
-.landing{top:52px}
+.landing{top:111px}
+.tech-preview .landing{top:131px}
 .wizard-pf-main.bind-service-wizard-step{height:350px;max-height:calc(100vh - 300px);min-height:200px;overflow-y:auto}
 }
 .landing .nav-tabs,.landing h1{margin-bottom:0!important;margin-top:0!important}