diff --git a/pkgs/ui/src/components/dashboard/activity/index.tsx b/pkgs/ui/src/components/dashboard/activity/index.tsx
index 7276576..5882432 100644
--- a/pkgs/ui/src/components/dashboard/activity/index.tsx
+++ b/pkgs/ui/src/components/dashboard/activity/index.tsx
@@ -1,5 +1,7 @@
 import { DashboardCard } from "@/components/card";
 import { NoDataOverlay } from "@/components/noDataOverlay";
+import CustomTable from "@/components/table";
+import { DLGTableConfig, DLGdummyData } from "@/mock/DLG";
 
 export const RecentActivity = () => {
   return (
@@ -7,6 +9,10 @@ export const RecentActivity = () => {
       <div className="flex w-full justify-center align-middle">
         <NoDataOverlay label="No Activity yet" />
       </div>
+
+      <div>
+        <CustomTable data={DLGdummyData} configuration={DLGTableConfig} />
+      </div>
     </DashboardCard>
   );
 };
diff --git a/pkgs/ui/src/mock/DLG/index.ts b/pkgs/ui/src/mock/DLG/index.ts
new file mode 100644
index 0000000..c067d73
--- /dev/null
+++ b/pkgs/ui/src/mock/DLG/index.ts
@@ -0,0 +1,28 @@
+export const DLGdummyData = [
+  {
+    requester_name: "C1",
+    "requester_did": "did:sov:test:1234",
+    "did_resolved": "did:sov:test:123",
+    "timestamp": "2023.11.01.17:05:48"
+  }
+]
+
+
+export const DLGTableConfig = [
+  {
+    key: "requester_name",
+    label: "Requester Name"
+  },
+  {
+    key: "requester_did",
+    label: "Requester DID"
+  },
+  {
+    key: "did_resolved",
+    label: "DID Resolved"
+  },
+  {
+    key: "timestamp",
+    label: "Timestamp"
+  },
+]
diff --git a/pkgs/ui/tailwind.config.js b/pkgs/ui/tailwind.config.js
index 3343255..8234f9a 100644
--- a/pkgs/ui/tailwind.config.js
+++ b/pkgs/ui/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
-import colors from "@clan/colors/colors.json";
-// import colors from "../theme/src/colors.json";
+// import colors from "@clan/colors/colors.json";
+import colors from "../theme/src/colors.json";
 
 const {
   ref: { palette, common },