diff --git a/public/app/features/dashboard-scene/scene/dashboard-controls-menu/DashboardControlsMenu.tsx b/public/app/features/dashboard-scene/scene/dashboard-controls-menu/DashboardControlsMenu.tsx
index ab22606f2ca..bee1c912a97 100644
--- a/public/app/features/dashboard-scene/scene/dashboard-controls-menu/DashboardControlsMenu.tsx
+++ b/public/app/features/dashboard-scene/scene/dashboard-controls-menu/DashboardControlsMenu.tsx
@@ -3,7 +3,7 @@ import { css } from '@emotion/css';
 import { GrafanaTheme2 } from '@grafana/data';
 import { SceneDataLayerProvider, SceneVariable } from '@grafana/scenes';
 import { DashboardLink } from '@grafana/schema';
-import { Menu, useStyles2 } from '@grafana/ui';
+import { Box, Menu, useStyles2 } from '@grafana/ui';
 
 import { DashboardLinkRenderer } from '../DashboardLinkRenderer';
 import { DataLayerControl } from '../DataLayerControl';
@@ -18,7 +18,7 @@ interface DashboardControlsMenuProps {
 
 export function DashboardControlsMenu({ variables, links, annotations, dashboardUID }: DashboardControlsMenuProps) {
   return (
-    <>
+    <Box minWidth={32}>
       {/* Variables */}
       {variables.map((variable, index) => (
         <div key={variable.state.key}>
@@ -45,7 +45,7 @@ export function DashboardControlsMenu({ variables, links, annotations, dashboard
           ))}
         </>
       )}
-    </>
+    </Box>
   );
 }