diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/result/result_field.scss b/x-pack/plugins/enterprise_search/public/applications/app_search/components/result/result_field.scss
index 3bdb9a57be319..15509b98d465b 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/result/result_field.scss
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/result/result_field.scss
@@ -2,10 +2,12 @@
   font-size: $euiFontSizeS;
   line-height: $euiLineHeight;
   display: grid;
-  grid-template-columns: calc(35% + #{$euiSizeS * 7} ) $euiSize * 2 1fr;
+  grid-template-columns: 0.85fr $euiSizeXL 1fr;
   grid-gap: $euiSizeXS;
 
   &__separator {
+    text-align: center;
+
     &:after {
       content: '=>';
       color: $euiColorDarkShade;
@@ -13,7 +15,11 @@
   }
 
   &__value {
-    padding-left: $euiSizeS;
+    padding-left: $euiSize;
     overflow: hidden;
+
+    @include euiBreakpoint('xs') {
+      padding-left: 0;
+    }
   }
 }
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/result/result_header.scss b/x-pack/plugins/enterprise_search/public/applications/app_search/components/result/result_header.scss
index 2e42537dd6215..73372d7c4aca0 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/result/result_header.scss
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/result/result_header.scss
@@ -4,13 +4,25 @@
   align-items: flex-start;
   margin-bottom: $euiSizeS;
 
+  @include euiBreakpoint('xs') {
+    flex-direction: column;
+  }
+
   &__column {
     display: flex;
     flex-wrap: wrap;
 
+    @include euiBreakpoint('xs') {
+      flex-direction: column;
+    }
+
     & + &,
     .appSearchResultHeaderItem + .appSearchResultHeaderItem {
       margin-left: $euiSizeL;
+
+      @include euiBreakpoint('xs') {
+        margin-left: 0;
+      }
     }
   }
 }