diff --git a/src/components/shared/Permission.module.css b/src/components/shared/Permission.module.css
new file mode 100644
index 00000000..6d5db5ab
--- /dev/null
+++ b/src/components/shared/Permission.module.css
@@ -0,0 +1,11 @@
+.container .content {
+  font-family: "Source Code Pro", monospace;
+  font-weight: 500;
+  line-height: 180%;
+  color: #1e233b;
+  background-color: #cacddb;
+  display: inline-block;
+  border: 1px solid #d9dbf8;
+  border-radius: 1px;
+  padding: 0px 8px;
+}
diff --git a/src/components/shared/Permission.tsx b/src/components/shared/Permission.tsx
new file mode 100644
index 00000000..ad82dedd
--- /dev/null
+++ b/src/components/shared/Permission.tsx
@@ -0,0 +1,9 @@
+import React from "react";
+
+import styles from "./Permission.module.css";
+
+export const Permission = ({ content }) => (
+  <p className={styles.container}>
+    <span className={styles.content}>{content}</span>
+  </p>
+);