diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.scss b/x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.scss
index 4e07c3abc6ebaa..5e47b855c7f05a 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.scss
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.scss
@@ -1,4 +1,4 @@
-.crawler-landing {
+.crawlerLanding {
   &__panel {
     overflow: hidden;
     background-image: url('./assets/bg_crawler_landing.png');
@@ -6,7 +6,9 @@
     background-repeat: no-repeat;
     background-position: right -2rem;
 
-    > div {
+  }
+
+  &__wrapper {
       max-width: 50rem;
     }
   }
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.tsx
index 4981d48a297941..ec5c69b9d7845a 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.tsx
@@ -26,11 +26,11 @@ import './crawler_landing.scss';
 import { CRAWLER_TITLE } from '.';
 
 export const CrawlerLanding: React.FC = () => (
-  <div data-test-subj="CrawlerLanding" className="crawler-landing">
+  <div data-test-subj="CrawlerLanding" className="crawlerLanding">
     <EuiPageHeader pageTitle={CRAWLER_TITLE} />
     <EuiSpacer />
-    <EuiPanel grow paddingSize="l" className="crawler-landing__panel">
-      <div>
+    <EuiPanel grow paddingSize="l" className="crawlerLanding__panel">
+      <div className="crawlerLanding__wrapper">
         <EuiTitle size="s">
           <h1>
             {i18n.translate('xpack.enterpriseSearch.appSearch.engine.crawler.landingPage.title', {