diff --git a/packages/grafana-ui/src/components/Segment/SegmentSection.tsx b/packages/grafana-ui/src/components/Segment/SegmentSection.tsx
index 39102586712..ddf55278888 100644
--- a/packages/grafana-ui/src/components/Segment/SegmentSection.tsx
+++ b/packages/grafana-ui/src/components/Segment/SegmentSection.tsx
@@ -46,6 +46,6 @@ const getStyles = (theme: GrafanaTheme2) => ({
   `,
   fill: css`
     flex-grow: 1;
-    margin-bottom: 4px;
+    margin-bottom: ${theme.spacing(0.5)};
   `,
 });