diff --git a/frontend/src/component/feature/FeatureForm/FeatureForm.tsx b/frontend/src/component/feature/FeatureForm/FeatureForm.tsx
index b18aaf01f6..e072b43022 100644
--- a/frontend/src/component/feature/FeatureForm/FeatureForm.tsx
+++ b/frontend/src/component/feature/FeatureForm/FeatureForm.tsx
@@ -23,6 +23,7 @@ import React from 'react';
 import { useAuthPermissions } from 'hooks/api/getters/useAuth/useAuthPermissions';
 import { FeatureNamingType } from 'interfaces/project';
 import { FeatureNamingPatternInfo } from '../FeatureNamingPatternInfo/FeatureNamingPatternInfo';
+import { useUiFlag } from 'hooks/useUiFlag';
 
 interface IFeatureToggleForm {
     type: string;
@@ -121,12 +122,15 @@ const FeatureForm: React.FC<IFeatureToggleForm> = ({
     const navigate = useNavigate();
     const { permissions } = useAuthPermissions();
     const editable = mode !== 'Edit';
+    const featureNamingPatternEnabled = useUiFlag('featureNamingPattern');
 
     const renderToggleDescription = () => {
         return featureTypes.find(toggle => toggle.id === type)?.description;
     };
 
-    const displayFeatureNamingInfo = Boolean(featureNaming?.pattern);
+    const displayFeatureNamingInfo = Boolean(
+        featureNamingPatternEnabled && featureNaming?.pattern
+    );
 
     React.useEffect(() => {
         if (featureNaming?.pattern && validateToggleName && name) {