diff --git a/frontend/app/components/FFlags/NewFFlag/Multivariant.tsx b/frontend/app/components/FFlags/NewFFlag/Multivariant.tsx
index dde352620..aca69094a 100644
--- a/frontend/app/components/FFlags/NewFFlag/Multivariant.tsx
+++ b/frontend/app/components/FFlags/NewFFlag/Multivariant.tsx
@@ -78,9 +78,10 @@ function Multivariant() {
                 <Input
                   placeholder={`buy-btn-variant-${ind + 1}`}
                   value={variant.value}
-                  onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+                    if (e.target.value?.length > 25) return;
                     variant.setKey(e.target.value)
-                  }
+                  }}
                 />
               </div>
               <div style={{ flex: 4 }}>
diff --git a/frontend/app/components/FFlags/NewFFlag/NewFFlag.tsx b/frontend/app/components/FFlags/NewFFlag/NewFFlag.tsx
index 1240c0dd4..2a9b5d024 100644
--- a/frontend/app/components/FFlags/NewFFlag/NewFFlag.tsx
+++ b/frontend/app/components/FFlags/NewFFlag/NewFFlag.tsx
@@ -103,6 +103,7 @@ function NewFFlag({ siteId, fflagId }: { siteId: string; fflagId?: string }) {
           placeholder={'new-unique-key'}
           value={current.flagKey}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
+            if (e.target.value?.length > 60) return;
             current.setFlagKey(e.target.value.replace(/\s/g, '-'));
           }}
         />