diff --git a/src/components/data-entry/QueryItem/Cascader.tsx b/src/components/data-entry/QueryItem/Cascader.tsx
index 69dee0452..61f075e5a 100644
--- a/src/components/data-entry/QueryItem/Cascader.tsx
+++ b/src/components/data-entry/QueryItem/Cascader.tsx
@@ -161,15 +161,17 @@ const Cascader = (props: IQueryItemCascaderProps) => {
   return (
     <>
       <BaseCascader {...baseProps}>
-        <Input
-          disabled={props.disabled}
-          readOnly
-          placeholder={props.placeholder}
-          status={props.errorMessage ? 'error' : undefined}
-          className={inputClasses}
-          value={displayValue}
-          prefix={getIcon()}
-        />
+        <Flex>
+          <Input
+            disabled={props.disabled}
+            readOnly
+            placeholder={props.placeholder}
+            status={props.errorMessage ? 'error' : undefined}
+            className={inputClasses}
+            value={displayValue}
+            prefix={getIcon()}
+          />
+        </Flex>
       </BaseCascader>
       {props.errorMessage && <Typography.Text type="danger">{props.errorMessage}</Typography.Text>}
     </>