[v11.0.x] Dashboard Scene - Variable Fix: cancel out margin-bottom of placeholder in loading state (#87113)

Dashboard Scene - Variable Fix: cancel out margin-bottom of placeholder in loading state (#87107)

fix: cancel out margin-bottom of placeholder in loading state
(cherry picked from commit 6dbc44920c)

Co-authored-by: Tim Mulqueen <Multimo@users.noreply.github.com>

public/app/features/dashboard-scene/settings/variables/VariableEditorForm.tsx

@@ -152,7 +152,11 @@ export function VariableEditorForm({
               data-testid={selectors.pages.Dashboard.Settings.Variables.Edit.General.submitButton}
               onClick={onRunQuery}
             >
-              {runQueryState.loading ? <LoadingPlaceholder text="Running query..." /> : `Run query`}
+              {runQueryState.loading ? (
+                <LoadingPlaceholder className={styles.loadingPlaceHolder} text="Running query..." />
+              ) : (
+                `Run query`
+              )}
             </Button>
           )}
         </Stack>
@@ -165,4 +169,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
   buttonContainer: css({
     marginTop: theme.spacing(2),
   }),
+  loadingPlaceHolder: css({
+    marginBottom: 0,
+  }),
 });