diff --git a/frontend/app/components/FFlags/NewFFlag/Multivariant.tsx b/frontend/app/components/FFlags/NewFFlag/Multivariant.tsx
index 8e3f45173..f8ed98651 100644
--- a/frontend/app/components/FFlags/NewFFlag/Multivariant.tsx
+++ b/frontend/app/components/FFlags/NewFFlag/Multivariant.tsx
@@ -58,7 +58,7 @@ function Multivariant() {
Distribute Equally
@@ -108,9 +108,10 @@ function Multivariant() {
wrapperClassName={'flex-1'}
placeholder={avg}
value={variant.rolloutPercentage}
- onChange={(e: React.ChangeEvent
) =>
- variant.setRollout(parseInt(e.target.value.replace(/\D/g, ''), 10))
- }
+ onChange={(e: React.ChangeEvent) => {
+ if (e.target.value === '') variant.setRollout(0);
+ variant.setRollout(parseInt(e.target.value.replace(/\D/g, ''), 10));
+ }}
/>
- Indicate the users for whom you intend to make this flag available.
+ Set up condition sets to restrict the rollout.