diff --git a/compass/app/admin/layout.tsx b/compass/app/admin/layout.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/compass/components/admin/PageLayout.tsx b/compass/components/admin/PageLayout.tsx
new file mode 100644
index 0000000..8ea9195
--- /dev/null
+++ b/compass/components/admin/PageLayout.tsx
@@ -0,0 +1,22 @@
+
+interface PageLayoutProps{
+    icon: React.ReactElement;
+    title: string;
+    table: React.ReactElement
+}
+
+export const PageLayout: React.FC<PageLayoutProps> = ({ icon, title, table }) => {
+    return(
+        <div flex-column> 
+            <div flex-row>
+                <span className="h-5 text-gray-500 w-5">
+                    {icon}
+                </span>
+                <span className="flex-grow font-medium text-xs text-gray-500">
+                    {title}
+                </span>
+            </div>
+            <span> {table} </span>
+         </div>
+    );
+};
\ No newline at end of file