Cloudwatch Variable Editor: Adjust width in new form styling (#80387)

1 year ago · dfc251d5b9
parent 7dc6a047f7
commit dfc251d5b9
1 changed files with 2 additions and 2 deletions
--- a/public/app/plugins/datasource/cloudwatch/components/VariableQueryEditor/VariableQueryEditor.tsx
+++ b/public/app/plugins/datasource/cloudwatch/components/VariableQueryEditor/VariableQueryEditor.tsx
@ -114,7 +114,7 @@ export const VariableQueryEditor = ({ query, datasource, onChange }: Props) => {
    VariableQueryType.DimensionValues,
  ].includes(parsedQuery.queryType);
  return (
-    <>
+    <div className={newFormStylingEnabled ? 'width-15' : ''}>
      <VariableQueryField
        value={parsedQuery.queryType}
        options={queryTypes}
@ -333,6 +333,6 @@ export const VariableQueryEditor = ({ query, datasource, onChange }: Props) => {
          newFormStylingEnabled={newFormStylingEnabled}
        />
      )}
-    </>
+    </div>
  );
 };