diff --git a/src/components/common/appbar.tsx b/src/components/common/appbar.tsx
index e5097c8..4dc5f12 100644
--- a/src/components/common/appbar.tsx
+++ b/src/components/common/appbar.tsx
@@ -17,8 +17,10 @@ export const Appbar = ({
   left,
   right,
   content,
+  className,
 }: {
   right?: ReactNode;
+  className?: string;
 } & LeftAndContent) => {
   // if left is not defined, render logo
   const _left = left ? left : <LogoSVG />;
@@ -28,6 +30,7 @@ export const Appbar = ({
     <div
       className={clsx(
         "flex h-64px w-full items-center justify-between px-20px py-10px",
+        className,
       )}
     >
       <div className="flex-1">