diff --git a/dashboard/src/components/insufficient-permission.tsx b/dashboard/src/components/insufficient-permission.tsx
new file mode 100644
index 0000000..261004a
--- /dev/null
+++ b/dashboard/src/components/insufficient-permission.tsx
@@ -0,0 +1,36 @@
+import { Card, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
+
+interface InsufficientPermissionProps {
+    permission: string;
+    relation: string;
+    identityId: string;
+    classNames?: string;
+}
+
+export default async function InsufficientPermission(
+    {
+        permission,
+        relation,
+        identityId,
+        classNames,
+    }: InsufficientPermissionProps,
+) {
+    return (
+        <Card className={classNames}>
+            <CardHeader>
+                <CardTitle>Insufficient Permission</CardTitle>
+                <CardDescription>
+                    You are missing the permission to see this content.<br/>
+                    If you think this is an error, please contact your system administrator
+                </CardDescription>
+            </CardHeader>
+            <CardFooter>
+                <CardDescription className="text-xs">
+                    Permission: {permission}<br/>
+                    Relation: {relation}<br/>
+                    Identity: {identityId}
+                </CardDescription>
+            </CardFooter>
+        </Card>
+    );
+}