diff --git a/packages/ui/src/lib/components/Alert.tsx b/packages/ui/src/lib/components/Alert.tsx
index 8b5550a42..a77a5be31 100644
--- a/packages/ui/src/lib/components/Alert.tsx
+++ b/packages/ui/src/lib/components/Alert.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { VscFlame } from '@react-icons/all-files/vsc/VscFlame';
 import { VscInfo } from '@react-icons/all-files/vsc/VscInfo';
 import { VscWarning } from '@react-icons/all-files/vsc/VscWarning';
diff --git a/packages/ui/src/lib/components/Section.tsx b/packages/ui/src/lib/components/Section.tsx
index 1abc09049..a4d3c71b4 100644
--- a/packages/ui/src/lib/components/Section.tsx
+++ b/packages/ui/src/lib/components/Section.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { VscChevronDown } from '@react-icons/all-files/vsc/VscChevronDown';
 import { Disclosure, DisclosureContent, useDisclosureState } from 'ariakit/disclosure';
 import type { PropsWithChildren } from 'react';