diff --git a/web/src/components/config_render/ConfigDropdown.tsx b/web/src/components/config_render/ConfigDropdown.tsx
index bab9db5c28..60da313d29 100644
--- a/web/src/components/config_render/ConfigDropdown.tsx
+++ b/web/src/components/config_render/ConfigDropdown.tsx
@@ -23,13 +23,14 @@ const ConfigDropdown = (props) => {
     setSelectedValue(val);
     props.handleOnChange(props.name, val);
   };
+  var hidden = props.hidden || props.when === "false";
 
   return (
     <ConfigWrapper
       id={`${props.name}-group`}
       className={`field-type-dropdown`}
-      marginTop={props.hidden || props.affix ? "0" : "15px"}
-      hidden={props.hidden}
+      marginTop={hidden || props.affix ? "0" : "15px"}
+      hidden={hidden}
     >
       {props.title !== "" ? (
         <ConfigItemTitle