diff --git a/apps/admin-x-settings/src/components/BehindFeatureFlag.tsx b/apps/admin-x-settings/src/components/BehindFeatureFlag.tsx
new file mode 100644
index 0000000000..35c9fed593
--- /dev/null
+++ b/apps/admin-x-settings/src/components/BehindFeatureFlag.tsx
@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import useFeatureFlag from '../hooks/useFeatureFlag';
+
+type BehindFeatureFlagProps = {
+    flag: string
+    children: ReactNode
+};
+const BehindFeatureFlag: React.FC<BehindFeatureFlagProps> = ({flag, children}) => {
+    const enabled = useFeatureFlag(flag);
+
+    if (!enabled) {
+        return null;
+    }
+
+    return <>{children}</>;
+};
+
+export default BehindFeatureFlag;