diff --git a/webapp/packages/core-blocks/src/FormControls/Combobox.tsx b/webapp/packages/core-blocks/src/FormControls/Combobox.tsx
index ab36f7740d..00ef225be2 100644
--- a/webapp/packages/core-blocks/src/FormControls/Combobox.tsx
+++ b/webapp/packages/core-blocks/src/FormControls/Combobox.tsx
@@ -180,7 +180,7 @@ export const Combobox: ComboboxType = observer(function Combobox({
   }
 
   const displayPopover = !allowCustomValue || items.length > 0;
-  const hasCancelButton = displayValue && allowClear && !disabled && !readOnly;
+  const hasCancelButton = !!displayValue && allowClear && !disabled && !readOnly;
 
   return (
     <Field {...layoutProps} className={clsx(className, inline && 'tw:flex tw:items-center')}>