diff --git a/packages/eds-core-react/src/components/TopBar/Header.tsx b/packages/eds-core-react/src/components/TopBar/Header.tsx
index 0393d37a3c..1a95544812 100644
--- a/packages/eds-core-react/src/components/TopBar/Header.tsx
+++ b/packages/eds-core-react/src/components/TopBar/Header.tsx
@@ -7,7 +7,7 @@ const StyledHeader = styled.div`
   grid-area: left;
   display: grid;
   grid-template-columns: auto auto;
-  grid-gap: 24px;
+  grid-gap: 12px;
   align-items: center;
 `
 
diff --git a/packages/eds-core-react/src/components/TopBar/__snapshots__/TopBar.test.tsx.snap b/packages/eds-core-react/src/components/TopBar/__snapshots__/TopBar.test.tsx.snap
index 4d287517e2..3c5d0d27a4 100644
--- a/packages/eds-core-react/src/components/TopBar/__snapshots__/TopBar.test.tsx.snap
+++ b/packages/eds-core-react/src/components/TopBar/__snapshots__/TopBar.test.tsx.snap
@@ -58,7 +58,7 @@ exports[`TopBar Matches snapshot 1`] = `
   grid-area: left;
   display: grid;
   grid-template-columns: auto auto;
-  grid-gap: 24px;
+  grid-gap: 12px;
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;