From 92f56f1ebf8324522907f63773478660a67ea41d Mon Sep 17 00:00:00 2001
From: KM Koushik <koushikmohan1996@gmail.com>
Date: Mon, 8 Sep 2025 20:30:45 +1000
Subject: [PATCH] add minor ui tweaks

---
 apps/marketing/src/app/page.tsx                        | 2 +-
 apps/web/src/app/(dashboard)/emails/email-details.tsx  | 2 +-
 apps/web/src/app/(dashboard)/emails/email-list.tsx     | 2 +-
 apps/web/src/app/(dashboard)/settings/billing/page.tsx | 2 +-
 packages/ui/styles/globals.css                         | 6 ++++++
 5 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/marketing/src/app/page.tsx b/apps/marketing/src/app/page.tsx
index f6ea802..fce0f0f 100644
--- a/apps/marketing/src/app/page.tsx
+++ b/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">
diff --git a/apps/web/src/app/(dashboard)/emails/email-details.tsx b/apps/web/src/app/(dashboard)/emails/email-details.tsx
index dc11196..1fc45e8 100644
--- a/apps/web/src/app/(dashboard)/emails/email-details.tsx
+++ b/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>
diff --git a/apps/web/src/app/(dashboard)/emails/email-list.tsx b/apps/web/src/app/(dashboard)/emails/email-list.tsx
index 73d6d12..645b283 100644
--- a/apps/web/src/app/(dashboard)/emails/email-list.tsx
+++ b/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.
diff --git a/apps/web/src/app/(dashboard)/settings/billing/page.tsx b/apps/web/src/app/(dashboard)/settings/billing/page.tsx
index 03a2ff9..db25c8a 100644
--- a/apps/web/src/app/(dashboard)/settings/billing/page.tsx
+++ b/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>
diff --git a/packages/ui/styles/globals.css b/packages/ui/styles/globals.css
index b7fa2f4..9d32116 100644
--- a/packages/ui/styles/globals.css
+++ b/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 {