diff --git a/x-pack/plugins/apm/public/components/shared/ApmHeader/index.tsx b/x-pack/plugins/apm/public/components/shared/ApmHeader/index.tsx
index 414011df7f9ef..20a589f3126c4 100644
--- a/x-pack/plugins/apm/public/components/shared/ApmHeader/index.tsx
+++ b/x-pack/plugins/apm/public/components/shared/ApmHeader/index.tsx
@@ -15,7 +15,7 @@ import { EnvironmentFilter } from '../EnvironmentFilter';
 
 const HeaderFlexGroup = euiStyled(EuiFlexGroup)`
   padding: ${({ theme }) => theme.eui.gutterTypes.gutterMedium};
-  border-bottom: ${({ theme }) => theme.eui.euiBorderThin};
+  background: ${({ theme }) => theme.eui.euiColorEmptyShade};
 `;
 
 export function ApmHeader({ children }: { children: ReactNode }) {
diff --git a/x-pack/plugins/apm/public/components/shared/main_tabs.tsx b/x-pack/plugins/apm/public/components/shared/main_tabs.tsx
index 941ce924cff07..f60da7c308711 100644
--- a/x-pack/plugins/apm/public/components/shared/main_tabs.tsx
+++ b/x-pack/plugins/apm/public/components/shared/main_tabs.tsx
@@ -15,6 +15,8 @@ import { euiStyled } from '../../../../../../src/plugins/kibana_react/common';
 const StyledTabs = euiStyled(EuiTabs)`
   padding: ${({ theme }) => `${theme.eui.gutterTypes.gutterMedium}`};
   border-bottom: ${({ theme }) => theme.eui.euiBorderThin};
+  border-top: ${({ theme }) => theme.eui.euiBorderThin};
+  background: ${({ theme }) => theme.eui.euiColorEmptyShade};
 `;
 
 export function MainTabs({ children }: { children: ReactNode }) {
diff --git a/x-pack/plugins/apm/public/components/shared/search_bar.tsx b/x-pack/plugins/apm/public/components/shared/search_bar.tsx
index 3285db1f49191..260306abe2c34 100644
--- a/x-pack/plugins/apm/public/components/shared/search_bar.tsx
+++ b/x-pack/plugins/apm/public/components/shared/search_bar.tsx
@@ -32,7 +32,7 @@ export function SearchBar({ prepend, showTimeComparison = false }: Props) {
   const { isMedium, isLarge } = useBreakPoints();
   const itemsStyle = { marginBottom: isLarge ? px(unit) : 0 };
   return (
-    <SearchBarFlexGroup gutterSize="s" direction={getRowDirection(isLarge)}>
+    <SearchBarFlexGroup gutterSize="m" direction={getRowDirection(isLarge)}>
       <EuiFlexItem>
         <KueryBar prepend={prepend} />
       </EuiFlexItem>