diff --git a/public/components/ContentPanel/ContentPanelActions.tsx b/public/components/ContentPanel/ContentPanelActions.tsx
index 9d9acf132..22f6b8954 100644
--- a/public/components/ContentPanel/ContentPanelActions.tsx
+++ b/public/components/ContentPanel/ContentPanelActions.tsx
@@ -17,7 +17,7 @@ interface ContentPanelActionsProps {
       onClickModal: (onShow: (component: any, props: object) => void) => () => void;
     };
   }[];
-  size?: "s" | "m" | undefined;
+  size?: "s" | "m";
 }
 
 const ContentPanelActions: React.SFC<ContentPanelActionsProps> = ({ actions, size }) => (
@@ -26,7 +26,7 @@ const ContentPanelActions: React.SFC<ContentPanelActionsProps> = ({ actions, siz
       let button = children ? (
         children
       ) : (
-        <EuiButton {...buttonProps} data-test-subj={`${text}Button`} size={size}>
+        <EuiButton {...buttonProps} data-test-subj={`${text}Button`} size={size ? size : "m"}>
           {text}
         </EuiButton>
       );
diff --git a/public/pages/CreateSnapshotPolicy/containers/CreateSnapshotPolicy/CreateSnapshotPolicy.tsx b/public/pages/CreateSnapshotPolicy/containers/CreateSnapshotPolicy/CreateSnapshotPolicy.tsx
index affcf0835..bce7258ae 100644
--- a/public/pages/CreateSnapshotPolicy/containers/CreateSnapshotPolicy/CreateSnapshotPolicy.tsx
+++ b/public/pages/CreateSnapshotPolicy/containers/CreateSnapshotPolicy/CreateSnapshotPolicy.tsx
@@ -19,7 +19,6 @@ import {
   EuiComboBoxOptionOption,
   EuiFieldNumber,
   EuiAccordion,
-  EuiRadioGroup,
   EuiText,
   EuiCheckbox,
   EuiPanel,
diff --git a/public/pages/CreateTransform/components/ConfigureTransform/ConfigureTransform.tsx b/public/pages/CreateTransform/components/ConfigureTransform/ConfigureTransform.tsx
index 6bb656084..db7c6b4d7 100644
--- a/public/pages/CreateTransform/components/ConfigureTransform/ConfigureTransform.tsx
+++ b/public/pages/CreateTransform/components/ConfigureTransform/ConfigureTransform.tsx
@@ -14,7 +14,6 @@ interface ConfigureTransformProps {
   onChangeName: (value: ChangeEvent<HTMLInputElement>) => void;
   onChangeDescription: (value: ChangeEvent<HTMLTextAreaElement>) => void;
   description: string;
-  useUpdatedUX: boolean;
 }
 
 const ConfigureTransform = ({
@@ -24,14 +23,8 @@ const ConfigureTransform = ({
   onChangeName,
   onChangeDescription,
   description,
-  useUpdatedUX,
 }: ConfigureTransformProps) => (
-  <ContentPanel
-    panelStyles={{ padding: "20px 20px" }}
-    bodyStyles={{ padding: "10px" }}
-    title="Job name and description"
-    titleSize={useUpdatedUX ? "s" : "m"}
-  >
+  <ContentPanel panelStyles={{ padding: "20px 20px" }} bodyStyles={{ padding: "10px" }} title="Job name and description" titleSize="m">
     <div>
       <EuiFormRow label="Name" helpText="Specify a unique, descriptive name." isInvalid={!!transformIdError} error={transformIdError}>
         <EuiFieldText
@@ -40,7 +33,6 @@ const ConfigureTransform = ({
           value={transformId}
           onChange={onChangeName}
           disabled={isEdit}
-          compressed={useUpdatedUX}
         />
       </EuiFormRow>
       <EuiSpacer />
diff --git a/public/pages/CreateTransform/components/DefineTransforms/DefineTransforms.tsx b/public/pages/CreateTransform/components/DefineTransforms/DefineTransforms.tsx
index ecd684894..d13b84c0b 100644
--- a/public/pages/CreateTransform/components/DefineTransforms/DefineTransforms.tsx
+++ b/public/pages/CreateTransform/components/DefineTransforms/DefineTransforms.tsx
@@ -30,7 +30,6 @@ interface DefineTransformsProps {
   onRemoveTransformation: (name: string) => void;
   previewTransform: any[];
   isReadOnly: boolean;
-  useUpdatedUX?: boolean;
 }
 
 export default function DefineTransforms({
@@ -48,7 +47,6 @@ export default function DefineTransforms({
   onRemoveTransformation,
   previewTransform,
   isReadOnly,
-  useUpdatedUX,
 }: DefineTransformsProps) {
   let columns: EuiDataGridColumn[] = [];
 
@@ -212,12 +210,7 @@ export default function DefineTransforms({
     );
 
   return (
-    <ContentPanel
-      panelStyles={{ padding: "20px 20px" }}
-      bodyStyles={{ padding: "10px" }}
-      title="Select fields to transform"
-      titleSize={useUpdatedUX ? "s" : "m"}
-    >
+    <ContentPanel panelStyles={{ padding: "20px 20px" }} bodyStyles={{ padding: "10px" }} title="Select fields to transform" titleSize="m">
       <EuiText>
         <h5>Original fields with sample data</h5>
       </EuiText>
diff --git a/public/pages/CreateTransform/components/JobNameAndIndices/JobNameAndIndices.tsx b/public/pages/CreateTransform/components/JobNameAndIndices/JobNameAndIndices.tsx
index f1a902174..c1293f49e 100644
--- a/public/pages/CreateTransform/components/JobNameAndIndices/JobNameAndIndices.tsx
+++ b/public/pages/CreateTransform/components/JobNameAndIndices/JobNameAndIndices.tsx
@@ -16,7 +16,6 @@ interface JobNameAndIndicesProps {
   targetIndex: { label: string; value?: IndexItem }[];
   sourceIndexFilter: string;
   onChangeStep: (step: number) => void;
-  useUpdatedUX: boolean;
 }
 
 export default class JobNameAndIndices extends Component<JobNameAndIndicesProps> {
@@ -25,7 +24,7 @@ export default class JobNameAndIndices extends Component<JobNameAndIndicesProps>
   }
 
   render() {
-    const { transformId, description, onChangeStep, sourceIndex, targetIndex, sourceIndexFilter, useUpdatedUX } = this.props;
+    const { transformId, description, onChangeStep, sourceIndex, targetIndex, sourceIndexFilter } = this.props;
 
     return (
       <ContentPanel
@@ -41,7 +40,6 @@ export default class JobNameAndIndices extends Component<JobNameAndIndicesProps>
                     },
                   },
                 ]}
-                size={useUpdatedUX ? "s" : undefined}
               />
             )}
           </ModalConsumer>
@@ -49,7 +47,7 @@ export default class JobNameAndIndices extends Component<JobNameAndIndicesProps>
         panelStyles={{ padding: "20px 20px" }}
         bodyStyles={{ padding: "10px" }}
         title="Set up indices"
-        titleSize={useUpdatedUX ? "s" : "m"}
+        titleSize="m"
       >
         <div>
           <EuiFlexGrid columns={3}>
diff --git a/public/pages/CreateTransform/components/ReviewDefinition/ReviewDefinition.tsx b/public/pages/CreateTransform/components/ReviewDefinition/ReviewDefinition.tsx
index 6f1f60d8e..d2e7ca99d 100644
--- a/public/pages/CreateTransform/components/ReviewDefinition/ReviewDefinition.tsx
+++ b/public/pages/CreateTransform/components/ReviewDefinition/ReviewDefinition.tsx
@@ -26,7 +26,6 @@ interface ReviewDefinitionProps {
   onRemoveTransformation: (name: string) => void;
   previewTransform: any[];
   onChangeStep: (step: number) => void;
-  useUpdatedUX: boolean;
 }
 
 export default class ReviewDefinition extends Component<ReviewDefinitionProps> {
@@ -45,7 +44,6 @@ export default class ReviewDefinition extends Component<ReviewDefinitionProps> {
       onRemoveTransformation,
       onChangeStep,
       aggList,
-      useUpdatedUX,
     } = this.props;
 
     const aggListItems = () => {
@@ -97,7 +95,6 @@ export default class ReviewDefinition extends Component<ReviewDefinitionProps> {
                     },
                   },
                 ]}
-                size={useUpdatedUX ? "s" : undefined}
               />
             )}
           </ModalConsumer>
@@ -105,7 +102,7 @@ export default class ReviewDefinition extends Component<ReviewDefinitionProps> {
         panelStyles={{ padding: "20px 20px" }}
         bodyStyles={{ padding: "10px" }}
         title="Define transforms"
-        titleSize={useUpdatedUX ? "s" : "m"}
+        titleSize="m"
       >
         <div>
           <EuiFlexGrid columns={4}>{aggListItems()}</EuiFlexGrid>
@@ -124,7 +121,6 @@ export default class ReviewDefinition extends Component<ReviewDefinitionProps> {
                 onAggregationSelectionChange={onAggregationSelectionChange}
                 onRemoveTransformation={onRemoveTransformation}
                 isReadOnly={true}
-                useUpdatedUX={useUpdatedUX}
               />
             </div>
           </EuiAccordion>
diff --git a/public/pages/CreateTransform/components/ReviewSchedule/ReviewSchedule.tsx b/public/pages/CreateTransform/components/ReviewSchedule/ReviewSchedule.tsx
index f031ccccc..a0e6f7e2c 100644
--- a/public/pages/CreateTransform/components/ReviewSchedule/ReviewSchedule.tsx
+++ b/public/pages/CreateTransform/components/ReviewSchedule/ReviewSchedule.tsx
@@ -16,7 +16,6 @@ interface ReviewScheduleProps {
   intervalTimeunit: string;
   pageSize: number;
   onChangeStep: (step: number) => void;
-  useUpdatedUX: boolean;
 }
 
 export default class ReviewSchedule extends Component<ReviewScheduleProps> {
@@ -25,7 +24,7 @@ export default class ReviewSchedule extends Component<ReviewScheduleProps> {
   }
 
   render() {
-    const { jobEnabledByDefault, continuousJob, interval, intervalTimeunit, pageSize, onChangeStep, useUpdatedUX } = this.props;
+    const { jobEnabledByDefault, continuousJob, interval, intervalTimeunit, pageSize, onChangeStep } = this.props;
 
     const enabled = jobEnabledByDefault ? "Yes" : "No";
 
@@ -45,7 +44,6 @@ export default class ReviewSchedule extends Component<ReviewScheduleProps> {
                     },
                   },
                 ]}
-                size={useUpdatedUX ? "s" : undefined}
               />
             )}
           </ModalConsumer>
@@ -53,7 +51,7 @@ export default class ReviewSchedule extends Component<ReviewScheduleProps> {
         panelStyles={{ padding: "20px 20px" }}
         bodyStyles={{ padding: "10px" }}
         title="Specify schedule"
-        titleSize={useUpdatedUX ? "s" : "m"}
+        titleSize="m"
       >
         <div>
           <EuiFlexGrid columns={4}>
diff --git a/public/pages/CreateTransform/components/Schedule/Schedule.tsx b/public/pages/CreateTransform/components/Schedule/Schedule.tsx
index b43ea8d8a..ac0e27813 100644
--- a/public/pages/CreateTransform/components/Schedule/Schedule.tsx
+++ b/public/pages/CreateTransform/components/Schedule/Schedule.tsx
@@ -23,7 +23,6 @@ interface ScheduleProps {
   onChangeIntervalTime: (e: ChangeEvent<HTMLInputElement>) => void;
   onChangeIntervalTimeunit: (e: ChangeEvent<HTMLSelectElement>) => void;
   onChangePage: (e: ChangeEvent<HTMLInputElement>) => void;
-  useUpdatedUX: boolean;
 }
 
 const radios = [
@@ -65,15 +64,9 @@ export default class Schedule extends Component<ScheduleProps> {
       onChangeIntervalTime,
       onChangeIntervalTimeunit,
       onChangePage,
-      useUpdatedUX,
     } = this.props;
     return (
-      <ContentPanel
-        panelStyles={{ padding: "20px 20px" }}
-        bodyStyles={{ padding: "10px" }}
-        title="Schedule"
-        titleSize={useUpdatedUX ? "s" : "m"}
-      >
+      <ContentPanel panelStyles={{ padding: "20px 20px" }} bodyStyles={{ padding: "10px" }} title="Schedule" titleSize="m">
         <div>
           {!isEdit && (
             <EuiCheckbox
@@ -89,7 +82,7 @@ export default class Schedule extends Component<ScheduleProps> {
           {!isEdit && isContinuous(continuousJob, onChangeContinuousJob)}
 
           {/* TODO: Replace with switch block when define by cron expressions is supported. */}
-          {selectInterval(interval, intervalTimeunit, intervalError, onChangeIntervalTime, onChangeIntervalTimeunit, useUpdatedUX)}
+          {selectInterval(interval, intervalTimeunit, intervalError, onChangeIntervalTime, onChangeIntervalTimeunit)}
           <EuiSpacer size="m" />
           <EuiHorizontalRule margin="xs" />
           <EuiSpacer size="m" />
@@ -105,13 +98,7 @@ export default class Schedule extends Component<ScheduleProps> {
                         you to start with the default value, and adjust based
                         on your use case and shard size.`}
             >
-              <EuiFieldNumber
-                min={1}
-                placeholder="1000"
-                value={pageSize}
-                onChange={onChangePage}
-                compressed={useUpdatedUX ? true : undefined}
-              />
+              <EuiFieldNumber min={1} placeholder="1000" value={pageSize} onChange={onChangePage} />
             </EuiFormRow>
           </EuiAccordion>
         </div>
diff --git a/public/pages/CreateTransform/components/TransformIndices/TransformIndices.tsx b/public/pages/CreateTransform/components/TransformIndices/TransformIndices.tsx
index d4904711e..d82e4040e 100644
--- a/public/pages/CreateTransform/components/TransformIndices/TransformIndices.tsx
+++ b/public/pages/CreateTransform/components/TransformIndices/TransformIndices.tsx
@@ -41,7 +41,6 @@ interface TransformIndicesProps {
   hasAggregation: boolean;
   fields: FieldItem[];
   beenWarned: boolean;
-  useUpdatedUX: boolean;
 }
 
 interface TransformIndicesState {
@@ -154,7 +153,6 @@ export default class TransformIndices extends Component<TransformIndicesProps, T
       onChangeTargetIndex,
       hasAggregation,
       beenWarned,
-      useUpdatedUX,
     } = this.props;
 
     const { isLoading, indexOptions, targetIndexOptions, isPopoverOpen } = this.state;
@@ -165,12 +163,7 @@ export default class TransformIndices extends Component<TransformIndicesProps, T
 
     return (
       <div>
-        <ContentPanel
-          panelStyles={{ padding: "20px 20px" }}
-          bodyStyles={{ padding: "10px" }}
-          title="Indices"
-          titleSize={useUpdatedUX ? "s" : "m"}
-        >
+        <ContentPanel panelStyles={{ padding: "20px 20px" }} bodyStyles={{ padding: "10px" }} title="Indices" titleSize="m">
           <div>
             {hasAggregation && (
               <Fragment>
@@ -195,7 +188,6 @@ export default class TransformIndices extends Component<TransformIndicesProps, T
                 isLoading={isLoading}
                 isInvalid={sourceIndexError != ""}
                 data-test-subj="sourceIndexCombobox"
-                compressed={useUpdatedUX}
               />
             </EuiFormRow>
             <EuiSpacer size="s" />
@@ -277,7 +269,6 @@ export default class TransformIndices extends Component<TransformIndicesProps, T
                 isLoading={isLoading}
                 isInvalid={targetIndexError != ""}
                 data-test-subj="targetIndexCombobox"
-                compressed={useUpdatedUX}
               />
             </EuiFormRow>
           </div>
diff --git a/public/pages/CreateTransform/containers/DefineTransformsStep/DefineTransformsStep.tsx b/public/pages/CreateTransform/containers/DefineTransformsStep/DefineTransformsStep.tsx
index bbdf7d3cd..fe7419ef4 100644
--- a/public/pages/CreateTransform/containers/DefineTransformsStep/DefineTransformsStep.tsx
+++ b/public/pages/CreateTransform/containers/DefineTransformsStep/DefineTransformsStep.tsx
@@ -92,7 +92,6 @@ export default class DefineTransformsStep extends Component<DefineTransformsStep
               onEditTransformation={onEditTransformation}
               onRemoveTransformation={onRemoveTransformation}
               isReadOnly={false}
-              useUpdatedUX={this.props.useUpdatedUX}
             />
           </EuiFlexItem>
         </EuiFlexGroup>
diff --git a/public/pages/CreateTransform/containers/ReviewAndCreateStep/ReviewAndCreateStep.tsx b/public/pages/CreateTransform/containers/ReviewAndCreateStep/ReviewAndCreateStep.tsx
index 48ab74685..8f4d603a4 100644
--- a/public/pages/CreateTransform/containers/ReviewAndCreateStep/ReviewAndCreateStep.tsx
+++ b/public/pages/CreateTransform/containers/ReviewAndCreateStep/ReviewAndCreateStep.tsx
@@ -14,7 +14,6 @@ import JobNameAndIndices from "../../components/JobNameAndIndices";
 import ReviewDefinition from "../../components/ReviewDefinition";
 import ReviewSchedule from "../../components/ReviewSchedule";
 import { CoreServicesContext } from "../../../../components/core_services";
-import { getUISettings } from "../../../../services/Services";
 
 interface ReviewAndCreateStepProps extends RouteComponentProps {
   transformService: TransformService;
@@ -82,16 +81,11 @@ export default class ReviewAndCreateStep extends Component<ReviewAndCreateStepPr
           </EuiFlexItem>
           <EuiFlexItem style={{ overflow: "auto", flex: 1 }} grow={false}>
             {Title()}
-            <JobNameAndIndices {...this.props} useUpdatedUX={this.props.useUpdatedUX} />
+            <JobNameAndIndices {...this.props} />
             <EuiSpacer />
-            <ReviewDefinition
-              {...this.props}
-              notifications={this.context.notifications}
-              sourceIndex={this.props.sourceIndex[0].label}
-              useUpdatedUX={this.props.useUpdatedUX}
-            />
+            <ReviewDefinition {...this.props} notifications={this.context.notifications} sourceIndex={this.props.sourceIndex[0].label} />
             <EuiSpacer />
-            <ReviewSchedule {...this.props} useUpdatedUX={this.props.useUpdatedUX} />
+            <ReviewSchedule {...this.props} />
             <EuiSpacer />
             <EuiCallOut color="warning">
               <p>You can only change the description and schedule after creating a job. Double-check your choices before proceeding.</p>
diff --git a/public/pages/CreateTransform/containers/SetUpIndicesStep/SetUpIndicesStep.tsx b/public/pages/CreateTransform/containers/SetUpIndicesStep/SetUpIndicesStep.tsx
index 85bb45a72..f6ca048a1 100644
--- a/public/pages/CreateTransform/containers/SetUpIndicesStep/SetUpIndicesStep.tsx
+++ b/public/pages/CreateTransform/containers/SetUpIndicesStep/SetUpIndicesStep.tsx
@@ -69,9 +69,9 @@ export default class SetUpIndicesStep extends Component<SetUpIndicesStepProps> {
           </EuiFlexItem>
           <EuiFlexItem>
             {Title()}
-            <ConfigureTransform isEdit={false} {...this.props} useUpdatedUX={this.props.useUpdatedUX} />
+            <ConfigureTransform isEdit={false} {...this.props} />
             <EuiSpacer />
-            <TransformIndices key={this.props.dataSourceId} {...this.props} useUpdatedUX={this.props.useUpdatedUX} />
+            <TransformIndices key={this.props.dataSourceId} {...this.props} />
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiSpacer />
diff --git a/public/pages/CreateTransform/containers/SpecifyScheduleStep/SpecifyScheduleStep.tsx b/public/pages/CreateTransform/containers/SpecifyScheduleStep/SpecifyScheduleStep.tsx
index d2005e207..307070bb9 100644
--- a/public/pages/CreateTransform/containers/SpecifyScheduleStep/SpecifyScheduleStep.tsx
+++ b/public/pages/CreateTransform/containers/SpecifyScheduleStep/SpecifyScheduleStep.tsx
@@ -161,7 +161,6 @@ export default class SpecifyScheduleStep extends Component<SpecifyScheduleStepPr
               onChangeIntervalTime={onChangeIntervalTime}
               onChangeIntervalTimeunit={onChangeIntervalTimeunit}
               onChangePage={onChangePage}
-              useUpdatedUX={this.props.useUpdatedUX}
             />
           </EuiFlexItem>
         </EuiFlexGroup>
diff --git a/public/pages/DataStreams/containers/DataStreams/DataStreams.tsx b/public/pages/DataStreams/containers/DataStreams/DataStreams.tsx
index a2f585c23..0a9d7e757 100644
--- a/public/pages/DataStreams/containers/DataStreams/DataStreams.tsx
+++ b/public/pages/DataStreams/containers/DataStreams/DataStreams.tsx
@@ -25,7 +25,6 @@ import {
   EuiToolTip,
   EuiFlexGroup,
   EuiFlexItem,
-  EuiSmallButton,
 } from "@elastic/eui";
 import { ContentPanel, ContentPanelActions } from "../../../../components/ContentPanel";
 import { DEFAULT_PAGE_SIZE_OPTIONS, DEFAULT_QUERY_PARAMS, HEALTH_TO_COLOR } from "../../utils/constants";
diff --git a/public/pages/SnapshotPolicies/containers/SnapshotPolicies/SnapshotPolicies.tsx b/public/pages/SnapshotPolicies/containers/SnapshotPolicies/SnapshotPolicies.tsx
index acf7fc34a..d74e36cbc 100644
--- a/public/pages/SnapshotPolicies/containers/SnapshotPolicies/SnapshotPolicies.tsx
+++ b/public/pages/SnapshotPolicies/containers/SnapshotPolicies/SnapshotPolicies.tsx
@@ -31,7 +31,6 @@ import {
   EuiFlexGroup,
   EuiButtonIcon,
   EuiCompressedFieldSearch,
-  EuiSmallButton,
 } from "@elastic/eui";
 import { BREADCRUMBS, PLUGIN_NAME, ROUTES, SNAPSHOT_MANAGEMENT_DOCUMENTATION_URL } from "../../../../utils/constants";
 import { getMessagePrompt, getSMPoliciesQueryParamsFromURL, renderTimestampMillis } from "../../helpers";
@@ -453,7 +452,7 @@ export class SnapshotPolicies extends MDSEnabledComponent<SnapshotPoliciesProps,
       </EuiContextMenuItem>,
     ];
     const actionsButton = (
-      <EuiSmallButton
+      <EuiButton
         iconType="arrowDown"
         iconSide="right"
         disabled={!selectedItems.length}
@@ -461,7 +460,7 @@ export class SnapshotPolicies extends MDSEnabledComponent<SnapshotPoliciesProps,
         data-test-subj="actionButton"
       >
         Actions
-      </EuiSmallButton>
+      </EuiButton>
     );
     const actions = [
       <EuiButton iconType="refresh" onClick={this.getPolicies} data-test-subj="refreshButton">
diff --git a/public/pages/Transforms/components/Schedule/Schedule.tsx b/public/pages/Transforms/components/Schedule/Schedule.tsx
index 1f2530b68..04f6fa5fe 100644
--- a/public/pages/Transforms/components/Schedule/Schedule.tsx
+++ b/public/pages/Transforms/components/Schedule/Schedule.tsx
@@ -28,7 +28,7 @@ interface ScheduleProps {
   onCronTimeZoneChange: (e: ChangeEvent<HTMLSelectElement>) => void;
   onIntervalChange: (e: ChangeEvent<HTMLInputElement>) => void;
   onIntervalTimeUnitChange: (e: ChangeEvent<HTMLSelectElement>) => void;
-  size: "s" | "m" | undefined;
+  size: "s" | "m";
 }
 
 export default class Schedule extends Component<ScheduleProps> {
diff --git a/public/pages/Transforms/utils/metadataHelper.tsx b/public/pages/Transforms/utils/metadataHelper.tsx
index d3cb3d72e..ab072b95a 100644
--- a/public/pages/Transforms/utils/metadataHelper.tsx
+++ b/public/pages/Transforms/utils/metadataHelper.tsx
@@ -87,12 +87,7 @@ export const selectInterval = (
     <EuiFlexGroup style={{ maxWidth: 400 }} alignItems={useUpdatedUX ? "center" : undefined}>
       <EuiFlexItem grow={false} style={{ width: 200 }}>
         <EuiFormRow label="Transform execution interval" error={intervalError} isInvalid={intervalError != ""}>
-          <EuiFieldNumber
-            value={interval}
-            onChange={onChangeInterval}
-            isInvalid={intervalError != ""}
-            compressed={useUpdatedUX ? true : undefined}
-          />
+          <EuiFieldNumber value={interval} onChange={onChangeInterval} isInvalid={intervalError != ""} />
         </EuiFormRow>
       </EuiFlexItem>
       <EuiFlexItem>
@@ -103,7 +98,6 @@ export const selectInterval = (
             value={intervalTimeunit}
             onChange={onChangeTimeunit}
             isInvalid={interval == undefined || interval <= 0}
-            compressed={useUpdatedUX ? true : undefined}
           />
         </EuiFormRow>
       </EuiFlexItem>