add minor ui tweaks

apps/marketing/src/app/page.tsx

@@ -42,7 +42,7 @@ function Hero() {
           <span className="text-primary font-normal">
             Pay only for what you send
           </span>{" "}
-          and not for storing contacts. Open source and self-hostable.
+          and not for storing contacts.
         </p>
 
         <div className="mt-8 flex flex-col sm:flex-row items-center justify-center gap-3">

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>

packages/ui/styles/globals.css

@@ -151,6 +151,12 @@
   }
 }
 
+@layer utilities {
+  /* Hide scrollbars but preserve scroll behavior */
+  .no-scrollbar::-webkit-scrollbar { display: none; }
+  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
+}
+
 /* .app,
 ::before,
 ::after {