diff --git a/apps/ui.immich.app/src/routes/(docs)/components/toast/ManagerExample.svelte b/apps/ui.immich.app/src/routes/(docs)/components/toast/ManagerExample.svelte
index 780d9dff..ad4ab6db 100644
--- a/apps/ui.immich.app/src/routes/(docs)/components/toast/ManagerExample.svelte
+++ b/apps/ui.immich.app/src/routes/(docs)/components/toast/ManagerExample.svelte
@@ -76,17 +76,8 @@
   };
 
   const handleClick = () => {
-    for (const color of ['primary', 'secondary', 'success', 'info', 'warning', 'danger'] as const) {
-      toastManager.show(
-        {
-          title: color,
-          description,
-          color,
-        },
-        {
-          timeout,
-        },
-      );
+    for (const { label: title, value: color } of colors) {
+      toastManager.show({ title, description, color }, { timeout });
     }
   };
 
diff --git a/packages/ui/src/lib/components/Toast/ToastContent.svelte b/packages/ui/src/lib/components/Toast/ToastContent.svelte
index 36950c2c..9ac78147 100644
--- a/packages/ui/src/lib/components/Toast/ToastContent.svelte
+++ b/packages/ui/src/lib/components/Toast/ToastContent.svelte
@@ -58,7 +58,7 @@
     {/if}
   </div>
   <div class="ms-1 flex grow justify-between">
-    <div class="flex flex-col px-2">
+    <div class="flex flex-col px-2 justify-around">
       {#if title}
         <Text fontWeight="semi-bold" class={titleStyles({ color })}>{@render resolve(title)}</Text>
       {/if}