Fix Schedule container width conflict

elastic · Sep 19, 2022 · ab26845 · ab26845
1 parent 985b86c
commit ab26845
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/...plugins/security_solution/public/detections/components/rules/step_schedule_rule/index.tsx b/...plugins/security_solution/public/detections/components/rules/step_schedule_rule/index.tsx
@@ -6,6 +6,7 @@
  */
 
 import type { FC } from 'react';
+import styled from 'styled-components';
 import React, { memo, useCallback, useEffect } from 'react';
 import type { RuleStepProps, ScheduleStepRule } from '../../../pages/detection_engine/rules/types';
 import { RuleStep } from '../../../pages/detection_engine/rules/types';
@@ -16,6 +17,9 @@ import { StepContentWrapper } from '../step_content_wrapper';
 import { NextStep } from '../next_step';
 import { schema } from './schema';
 
+const StyledForm = styled(Form)`
+  max-width: 235px !important;
+`;
 interface StepScheduleRuleProps extends RuleStepProps {
   defaultValues: ScheduleStepRule;
   onRuleDataChange?: (data: ScheduleStepRule) => void;
@@ -83,7 +87,7 @@ const StepScheduleRuleComponent: FC<StepScheduleRuleProps> = ({
   ) : (
     <>
       <StepContentWrapper addPadding={!isUpdateView}>
-        <Form form={form} data-test-subj="stepScheduleRule">
+        <StyledForm form={form} data-test-subj="stepScheduleRule">
           <UseField
             path="interval"
             component={ScheduleItem}
@@ -103,7 +107,7 @@ const StepScheduleRuleComponent: FC<StepScheduleRuleProps> = ({
               minimumValue: 1,
             }}
           />
-        </Form>
+        </StyledForm>
       </StepContentWrapper>
 
       {!isUpdateView && (