diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/empty_states/empty_states.scss b/x-pack/plugins/enterprise_search/public/applications/app_search/components/empty_states/empty_states.scss
index 0c1170b8ac99f..9b785c9b96abe 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/empty_states/empty_states.scss
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/empty_states/empty_states.scss
@@ -16,6 +16,6 @@
   }
 
   .euiEmptyPrompt > .euiIcon {
-    margin-bottom: 8px;
+    margin-bottom: $euiSizeS;
   }
 }
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/engine_overview/engine_overview.scss b/x-pack/plugins/enterprise_search/public/applications/app_search/components/engine_overview/engine_overview.scss
index a304139532d57..1f4b711f56ef2 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/engine_overview/engine_overview.scss
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/engine_overview/engine_overview.scss
@@ -11,17 +11,17 @@
   width: 100%;
 
   .euiPanel {
-    padding: 35px;
+    padding: $euiSizeXL;
   }
 
   .euiPageContent .euiPageContentHeader {
-    margin-bottom: 10px;
+    margin-bottom: $euiSizeM;
   }
 
   .engine-icon {
     display: inline-block;
-    width: 15px;
-    height: 15px;
-    margin-right: 5px;
+    width: $euiSize;
+    height: $euiSize;
+    margin-right: $euiSizeXS;
   }
 }
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/setup_guide/setup_guide.scss b/x-pack/plugins/enterprise_search/public/applications/app_search/components/setup_guide/setup_guide.scss
index 77a62961128e1..f055b15d6644d 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/setup_guide/setup_guide.scss
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/setup_guide/setup_guide.scss
@@ -16,31 +16,31 @@
   .euiPageSideBar {
     flex-basis: 300px;
     flex-shrink: 0;
-    padding: 24px;
+    padding: $euiSizeL;
     margin-right: 0;
 
-    background-color: #f5f7fa; // $euiColorLightestShade
-    border-color: #d3dae6; // $euiColorLightShade
+    background-color: $euiColorLightestShade;
+    border-color: $euiBorderColor;
     border-style: solid;
-    border-width: 0 0 1px 0; // bottom - mobile view
+    border-width: 0 0 $euiBorderWidthThin 0; // bottom - mobile view
 
-    @media (min-width: 766px) {
-      border-width: 0 1px 0 0; // right - desktop view
+    @include euiBreakpoint('m', 'l', 'xl') {
+      border-width: 0 $euiBorderWidthThin 0 0; // right - desktop view
     }
-    @media (min-width: 1000px) {
+    @include euiBreakpoint('m', 'l') {
       flex-basis: 400px;
     }
-    @media (min-width: 1200px) {
+    @include euiBreakpoint('xl') {
       flex-basis: 500px;
     }
   }
 
   .euiPageBody {
     align-self: start;
-    padding: 24px;
+    padding: $euiSizeL;
 
-    @media (min-width: 1000px) {
-      padding: 40px 50px;
+    @include euiBreakpoint('l') {
+      padding: $euiSizeXXL ($euiSizeXXL * 1.25);
     }
   }
 
@@ -48,6 +48,6 @@
     display: block;
     max-width: 100%;
     height: auto;
-    margin: 24px auto;
+    margin: $euiSizeL auto;
   }
 }