From 544872d1176d8a3e145c72e9c0446efc435db656 Mon Sep 17 00:00:00 2001
From: Ashley Harrison <ashley.harrison@grafana.com>
Date: Mon, 8 Sep 2025 14:33:34 +0100
Subject: [PATCH] Dashboard: revert variable css changes (#110684)

revert variable css changes
---
 .../dashboard-scene/scene/DashboardControls.tsx     | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/public/app/features/dashboard-scene/scene/DashboardControls.tsx b/public/app/features/dashboard-scene/scene/DashboardControls.tsx
index 5bbe9733755..be1ea0c844d 100644
--- a/public/app/features/dashboard-scene/scene/DashboardControls.tsx
+++ b/public/app/features/dashboard-scene/scene/DashboardControls.tsx
@@ -147,10 +147,10 @@ function DashboardControlsRenderer({ model }: SceneComponentProps<DashboardContr
         {editPanel && <PanelEditControls panelEditor={editPanel} />}
       </Stack>
       {!hideTimeControls && (
-        <div className={styles.timeControlStack}>
+        <Stack justifyContent="flex-end">
           <timePicker.Component model={timePicker} />
           <refreshPicker.Component model={refreshPicker} />
-        </div>
+        </Stack>
       )}
       <Stack>
         <DropdownVariableControls dashboard={dashboard} />
@@ -181,7 +181,7 @@ function getStyles(theme: GrafanaTheme2) {
       gap: theme.spacing(1),
       padding: theme.spacing(2),
       flexDirection: 'row',
-      flexWrap: 'wrap-reverse',
+      flexWrap: 'nowrap',
       position: 'relative',
       width: '100%',
       marginLeft: 'auto',
@@ -198,12 +198,5 @@ function getStyles(theme: GrafanaTheme2) {
       background: 'unset',
       position: 'unset',
     }),
-    timeControlStack: css({
-      display: 'flex',
-      flexWrap: 'wrap',
-      justifyContent: 'flex-end',
-      gap: theme.spacing(1),
-      marginLeft: 'auto',
-    }),
   };
 }