Alerting: fix alert creation interval layout bug (#48112) (#48113)

(cherry picked from commit 2713de2bd1)

Co-authored-by: Gilles De Mey <gilles.de.mey@gmail.com>

public/app/features/alerting/unified/components/rule-editor/GrafanaConditionsStep.tsx

@@ -57,7 +57,10 @@ export const GrafanaConditionsStep: FC = () => {
   return (
     <RuleEditorSection stepNo={3} title="Define alert conditions">
       <ConditionField />
-      <Field label="Evaluate">
+      <Field
+        label="Evaluate"
+        description="Evaluation interval applies to every rule within a group. It can overwrite the interval of an existing alert rule."
+      >
         <div className={styles.flexRow}>
           <InlineLabel
             htmlFor={evaluateEveryId}
@@ -66,12 +69,7 @@ export const GrafanaConditionsStep: FC = () => {
           >
             Evaluate every
           </InlineLabel>
-          <Field
+          <Input id={evaluateEveryId} width={8} {...register('evaluateEvery', evaluateEveryValidationOptions)} />
-            label="Evaluate"
-            description="Evaluation internal applies to every rule within a group. It can overwrite the interval of an existing alert rule."
-          >
-            <Input id={evaluateEveryId} width={8} {...register('evaluateEvery', evaluateEveryValidationOptions)} />
-          </Field>
           <InlineLabel
             htmlFor={evaluateForId}
             width={7}