diff --git a/apps/mail/components/ui/nav-user.tsx b/apps/mail/components/ui/nav-user.tsx
index 74f20c7ee..4e8f2cf79 100644
--- a/apps/mail/components/ui/nav-user.tsx
+++ b/apps/mail/components/ui/nav-user.tsx
@@ -432,7 +432,7 @@ export function NavUser() {
                 <>
                   <PricingDialog>
                     <Button
-                      className="flex h-7 w-7 px-0 cursor-pointer items-center justify-center rounded-[5px] border border-dashed dark:bg-[#262626] dark:text-[#929292]"
+                      className="flex h-7 w-7 px-0 cursor-pointer items-center justify-center rounded-[5px] border border-dashed hover:bg-offsetLight/80 bg-transparent text-black dark:bg-[#262626] dark:text-[#929292]"
                     >
                       <Plus className="size-4" />
                     </Button>
diff --git a/apps/mail/components/ui/pricing-dialog.tsx b/apps/mail/components/ui/pricing-dialog.tsx
index cbd05699e..ece852b35 100644
--- a/apps/mail/components/ui/pricing-dialog.tsx
+++ b/apps/mail/components/ui/pricing-dialog.tsx
@@ -39,7 +39,7 @@ export function PricingDialog({ open, onOpenChange, children }: PricingDialogPro
         {children}
       </DialogTrigger>
       <DialogContent
-        className="flex items-center justify-center border-none dark:bg-transparent"
+        className="flex items-center justify-center border-none w-auto p-1 rounded-2xl"
         showOverlay
       >
         <DialogTitle className="text-center text-2xl"></DialogTitle>