diff --git a/packages/web/components/templates/BetaFeature.tsx b/packages/web/components/templates/BetaFeature.tsx
new file mode 100644
index 000000000..6ab1de379
--- /dev/null
+++ b/packages/web/components/templates/BetaFeature.tsx
@@ -0,0 +1,5 @@
+import { Alert } from 'antd'
+
+export function BetaFeature(): JSX.Element {
+  return <Alert message="Beta" type="warning" showIcon />
+}
diff --git a/packages/web/pages/settings/integrations/notion.tsx b/packages/web/pages/settings/integrations/notion.tsx
index 4b956065e..f3152e0e1 100644
--- a/packages/web/pages/settings/integrations/notion.tsx
+++ b/packages/web/pages/settings/integrations/notion.tsx
@@ -9,6 +9,7 @@ import {
   VStack,
 } from '../../../components/elements/LayoutPrimitives'
 import { PageMetaData } from '../../../components/patterns/PageMetaData'
+import { BetaFeature } from '../../../components/templates/BetaFeature'
 import { SettingsLayout } from '../../../components/templates/SettingsLayout'
 import { useGetIntegrationsQuery } from '../../../lib/networking/queries/useGetIntegrationsQuery'
 
@@ -43,6 +44,7 @@ export default function Notion(): JSX.Element {
               height={75}
             />
             <Header>Notion integration settings</Header>
+            <BetaFeature />
           </HStack>
 
           {notion && (