diff --git a/compass/app/admin/page.tsx b/compass/app/admin/page.tsx
index e803aad..9307b93 100644
--- a/compass/app/admin/page.tsx
+++ b/compass/app/admin/page.tsx
@@ -1,7 +1,12 @@
-
 "use client";
 // import Table from "@/components/Table";
-import { ColumnDef, createColumnHelper, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import {
+  ColumnDef,
+  createColumnHelper,
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
 import { useState } from "react";
 import usersImport from "./users.json";
 
@@ -16,26 +21,28 @@ type User = {
   program: "DOMESTIC" | "ECONOMIC" | "COMMUNITY";
   experience: number;
   group?: string;
-}
+};
 
-// TODO: Example data. Remove later.
+import { PageLayout } from "@/components/admin/PageLayout";
+
+import { BookmarkIcon } from "@heroicons/react/24/solid";
 
 export default function Page() {
   const columnHelper = createColumnHelper<User>();
 
   const columns = [
     columnHelper.accessor("username", {
-      cell: info => info.getValue(),
+      cell: (info) => info.getValue(),
     }),
     columnHelper.accessor("role", {
-      cell: info => info.renderValue(),
+      cell: (info) => info.renderValue(),
     }),
     columnHelper.accessor("email", {
-      cell: info => info.renderValue(),
+      cell: (info) => info.renderValue(),
     }),
     columnHelper.accessor("program", {
-      cell: info => info.renderValue(),
-    })
+      cell: (info) => info.renderValue(),
+    }),
   ];
 
   const [data, setData] = useState<User[]>([...usersExample]);
@@ -45,53 +52,40 @@ export default function Page() {
     data,
     getCoreRowModel: getCoreRowModel(),
   });
-
   return (
-    <>
-      <h1>This is example data!!</h1>
-
-      <table>
-        <thead>
-        {table.getHeaderGroups().map(headerGroup => (
-            <tr key={headerGroup.id}>
-              {headerGroup.headers.map(header => (
-                <th key={header.id}>
-                  {header.isPlaceholder
-                    ? null
-                    : flexRender(
-                        header.column.columnDef.header,
-                        header.getContext()
-                      )}
-                </th>
-              ))}
-            </tr>
-          ))}
-        </thead>
-        <tbody>
-          {table.getRowModel().rows.map(row => (
-            <tr key={row.id}>
-              {row.getVisibleCells().map(cell => (
-                <td key={cell.id}>
-                  {flexRender(cell.column.columnDef.cell, cell.getContext())}
-                </td>
-              ))}
-            </tr>
-          ))}
-        </tbody>
-      </table>
-    </>);
-
-
-
-import { PageLayout } from "@/components/admin/PageLayout"
-
-import { BookmarkIcon } from "@heroicons/react/24/solid"
-
-export default function Page() {
-    return (
-        <div className="min-h-screen flex flex-col">
-            {/* icon + title  */}
-            <PageLayout title="Resources" icon={<BookmarkIcon  />}  />
-        </div>
-    )
+    <div className="min-h-screen flex flex-col">
+      {/* icon + title  */}
+      <PageLayout title="Resources" icon={<BookmarkIcon />}>
+        <table>
+          <thead>
+            {table.getHeaderGroups().map((headerGroup) => (
+              <tr key={headerGroup.id}>
+                {headerGroup.headers.map((header) => (
+                  <th key={header.id}>
+                    {header.isPlaceholder
+                      ? null
+                      : flexRender(
+                          header.column.columnDef.header,
+                          header.getContext()
+                        )}
+                  </th>
+                ))}
+              </tr>
+            ))}
+          </thead>
+          <tbody>
+            {table.getRowModel().rows.map((row) => (
+              <tr key={row.id}>
+                {row.getVisibleCells().map((cell) => (
+                  <td key={cell.id}>
+                    {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                  </td>
+                ))}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </PageLayout>
+    </div>
+  );
 }
diff --git a/compass/components/admin/PageLayout.tsx b/compass/components/admin/PageLayout.tsx
index f27a96a..80a96f5 100644
--- a/compass/components/admin/PageLayout.tsx
+++ b/compass/components/admin/PageLayout.tsx
@@ -1,7 +1,7 @@
 interface PageLayoutProps {
   icon: React.ReactElement;
   title: string;
-  // table: React.ReactElement
+  children: React.ReactElement
 }
 
 export const PageLayout: React.FC<PageLayoutProps> = ({ icon, title, children }) => {