From b3f38301bf1c87de82a58277e0a894056b8516da Mon Sep 17 00:00:00 2001
From: Guillermo <Funk66@users.noreply.github.com>
Date: Wed, 1 Oct 2025 16:03:22 +0200
Subject: [PATCH] fix: missing email button padding (#22529)

Signed-off-by: Guillermo Guirao Aguilar <ggaguilar@gmail.com>
---
 server/src/emails/album-update.email.tsx          | 4 ++--
 server/src/emails/components/button.component.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/server/src/emails/album-update.email.tsx b/server/src/emails/album-update.email.tsx
index 3bed3a5b36..6fd2abb055 100644
--- a/server/src/emails/album-update.email.tsx
+++ b/server/src/emails/album-update.email.tsx
@@ -29,8 +29,8 @@ export const AlbumUpdateEmail = ({
       </Text>
 
       <Text>
-        New media has been added to <strong>{albumName}</strong>,
-        <br /> check it out!
+        New media has been added to <strong>{albumName}</strong>.
+        <br /> Check it out!
       </Text>
     </>
   );
diff --git a/server/src/emails/components/button.component.tsx b/server/src/emails/components/button.component.tsx
index b490e36650..a1fc4636cc 100644
--- a/server/src/emails/components/button.component.tsx
+++ b/server/src/emails/components/button.component.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 
-import { Button, ButtonProps } from '@react-email/components';
+import { Button, ButtonProps, Text } from '@react-email/components';
 
 export const ImmichButton = ({ children, ...props }: ButtonProps) => (
   <Button
     {...props}
-    className="py-3 px-8 border bg-immich-primary rounded-full no-underline hover:no-underline text-white hover:text-gray-50 font-bold uppercase"
+    className="border bg-immich-primary rounded-full no-underline hover:no-underline text-white hover:text-gray-50 font-bold uppercase"
   >
-    {children}
+    <Text className="my-3 mx-8">{children}</Text>
   </Button>
 );