diff --git a/apps/web/src/app/reminders/page.tsx b/apps/web/src/app/reminders/page.tsx
index 373f8fe..2bc0cef 100644
--- a/apps/web/src/app/reminders/page.tsx
+++ b/apps/web/src/app/reminders/page.tsx
@@ -187,12 +187,12 @@ export default async function RemindersPage({ searchParams }: PageProps) {
       action={
         <Button
           asChild
-          size="lg"
-          className="rounded-full shadow-md hover:shadow-lg transition-all px-6 gap-2 font-semibold"
+          size="sm"
+          className="rounded-full shadow-sm hover:shadow transition-shadow gap-1.5"
         >
           {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
           <Link href={"/reminders/new" as any} aria-label="New reminder">
-            <PlusIcon className="size-5" />
+            <PlusIcon className="size-3.5" />
             <span className="hidden sm:inline">New Reminder</span>
           </Link>
         </Button>
diff --git a/apps/web/src/components/accounts-list-view.tsx b/apps/web/src/components/accounts-list-view.tsx
index e62d478..6ef27d4 100644
--- a/apps/web/src/components/accounts-list-view.tsx
+++ b/apps/web/src/components/accounts-list-view.tsx
@@ -36,12 +36,12 @@ export function AccountsListView({ accounts }: AccountsListViewProps) {
       action={
         <Button
           asChild
-          size="lg"
-          className="rounded-full shadow-md hover:shadow-lg transition-all px-6 gap-2 font-semibold"
+          size="sm"
+          className="rounded-full shadow-sm hover:shadow transition-shadow gap-1.5"
         >
           {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}
           <Link href={"/accounts/new" as any} aria-label="Add account">
-            <PlusIcon className="size-5" />
+            <PlusIcon className="size-3.5" />
             <span className="hidden sm:inline">Add Account</span>
           </Link>
         </Button>
diff --git a/apps/web/src/components/page-shell.test.tsx b/apps/web/src/components/page-shell.test.tsx
index ec5946f..e9c61e5 100644
--- a/apps/web/src/components/page-shell.test.tsx
+++ b/apps/web/src/components/page-shell.test.tsx
@@ -43,7 +43,8 @@ describe("PageShell", () => {
       </PageShell>,
     );
     expect(html).toMatch(/max-w-5xl/);
-    expect(html).toMatch(/px-4 py-6 sm:px-6 sm:py-8/);
+    expect(html).toMatch(/px-4 py-4 sm:px-6 sm:py-8/);
+    expect(html).toMatch(/space-y-4 sm:space-y-6/);
     expect(html).toContain('data-testid="body"');
   });
 
diff --git a/apps/web/src/components/page-shell.tsx b/apps/web/src/components/page-shell.tsx
index 2486b62..dd369c3 100644
--- a/apps/web/src/components/page-shell.tsx
+++ b/apps/web/src/components/page-shell.tsx
@@ -24,7 +24,7 @@ interface PageShellProps {
  */
 export function PageShell({ title, action, narrow, children }: PageShellProps) {
   return (
-    <div className="px-4 py-6 sm:px-6 sm:py-8 max-w-5xl mx-auto space-y-6">
+    <div className="px-4 py-4 sm:px-6 sm:py-8 max-w-5xl mx-auto space-y-4 sm:space-y-6">
       <div className="flex items-center justify-end sm:justify-between gap-4">
         <h1 className="hidden sm:block text-2xl font-semibold tracking-tight">
           {title}
@@ -32,7 +32,7 @@ export function PageShell({ title, action, narrow, children }: PageShellProps) {
         {action}
       </div>
       {narrow ? (
-        <div className="max-w-2xl mx-auto space-y-6">{children}</div>
+        <div className="max-w-2xl mx-auto space-y-4 sm:space-y-6">{children}</div>
       ) : (
         children
       )}