Draft

frontend/src/components/basic/Divider.tsx

@@ -0,0 +1,15 @@
+import { twMerge } from "tailwind-merge";
+
+interface IProps {
+  className?: string;
+}
+
+const Divider = ({ className }: IProps): JSX.Element => {
+  return (
+    <div className={twMerge("flex items-center px-2 opacity-50", className)}>
+      <div aria-hidden="true" className="h-5 w-full grow border border-t border-mineshaft-200" />
+    </div>
+  );
+};
+
+export default Divider;

frontend/src/components/permissions/PermissionDeniedBanner.tsx

@@ -3,6 +3,8 @@ import { faLock } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { twMerge } from "tailwind-merge";
 
+import { Button } from "../v2";
+
 type Props = {
   containerClassName?: string;
   className?: string;
@@ -32,6 +34,9 @@ export const PermissionDeniedBanner = ({ containerClassName, className, children
             )}
           </div>
         </div>
+        <Button className="mt-3 ml-[7.5rem]" size="xs">
+          Request access
+        </Button>
       </div>
     </div>
   );