diff --git a/pkgs/ui/src/app/access-point/page.tsx b/pkgs/ui/src/app/access-point/page.tsx
index 2814c4a..177073c 100644
--- a/pkgs/ui/src/app/access-point/page.tsx
+++ b/pkgs/ui/src/app/access-point/page.tsx
@@ -18,7 +18,7 @@ export default function AccessPoint() {
         entity={{ name: "Access Point", details: APSummaryDetails }}
       />
       <div>
-        <h4>Attachement View</h4>
+        <h4>Attachment View</h4>
         <CustomTable
           data={APAttachmentsDummyData}
           configuration={APAttachmentsTableConfig}
diff --git a/pkgs/ui/src/app/client-1/page.tsx b/pkgs/ui/src/app/client-1/page.tsx
index 4e1bc94..e290a0b 100644
--- a/pkgs/ui/src/app/client-1/page.tsx
+++ b/pkgs/ui/src/app/client-1/page.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import SummaryDetails from "@/components/summary_card";
 import { Client1SummaryDetails } from "@/mock/client_1";
 
diff --git a/pkgs/ui/src/app/client-2/page.tsx b/pkgs/ui/src/app/client-2/page.tsx
index f501d9b..a9a4168 100644
--- a/pkgs/ui/src/app/client-2/page.tsx
+++ b/pkgs/ui/src/app/client-2/page.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import SummaryDetails from "@/components/summary_card";
 import { Client2SummaryDetails } from "@/mock/client_2";
 
diff --git a/pkgs/ui/src/app/home/page.tsx b/pkgs/ui/src/app/home/page.tsx
index 7747e08..4cbaa6f 100644
--- a/pkgs/ui/src/app/home/page.tsx
+++ b/pkgs/ui/src/app/home/page.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { NoDataOverlay } from "@/components/noDataOverlay";
 import SummaryDetails from "@/components/summary_card";
 import CustomTable from "@/components/table";