add minor ui tweaks

apps/web/src/app/(dashboard)/emails/email-details.tsx

@@ -28,7 +28,7 @@ export default function EmailDetails({ emailId }: { emailId: string }) {
   const emailQuery = api.email.getEmail.useQuery({ id: emailId });
 
   return (
-    <div className="h-full overflow-auto px-4">
+    <div className="h-full overflow-auto px-4 no-scrollbar">
       <div className="flex justify-between items-center">
         <div className="flex gap-4 items-center">
           <h1 className="font-bold">{emailQuery.data?.to}</h1>

apps/web/src/app/(dashboard)/emails/email-list.tsx

@@ -267,7 +267,7 @@ export default function EmailsList() {
           open={!!selectedEmail}
           onOpenChange={handleSheetChange}
         >
-          <DynamicSheetContentWithNoSSR className=" sm:max-w-3xl">
+          <DynamicSheetContentWithNoSSR className="sm:max-w-3xl overflow-y-auto no-scrollbar">
             <SheetTitle className="sr-only">Email Details</SheetTitle>
             <SheetDescription className="sr-only">
               Detailed view of the selected email.

apps/web/src/app/(dashboard)/settings/billing/page.tsx

@@ -164,7 +164,7 @@ export default function SettingsPage() {
                   <div className="font-mono">
                     {currentTeam?.billingEmail || "No billing email set"}
                   </div>
-                  <Button onClick={handleEditEmail} variant="ghost" size="sm">
+                  <Button onClick={handleEditEmail} variant="default" size="sm">
                     Edit
                   </Button>
                 </div>