From b5e01899380588c53f10fb6f9e42ad1ba612d33d Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 5 May 2026 21:57:56 +0200
Subject: [PATCH] fix: adjust toast item border radius and progress bar styles

---
 components/ui/toast.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/ui/toast.tsx b/components/ui/toast.tsx
index c7d940be..547bfe43 100644
--- a/components/ui/toast.tsx
+++ b/components/ui/toast.tsx
@@ -81,7 +81,7 @@ export function ToastItem({ toast, onClose }: ToastProps) {
   return (
     <div
       className={cn(
-        "toast-item group relative flex items-start gap-3 w-[380px] rounded-lg",
+        "toast-item group relative flex items-start gap-3 w-[380px] rounded-r-lg",
         "bg-background/95 dark:bg-neutral-900/95 backdrop-blur-sm",
         "border border-border/60 dark:border-neutral-700/60",
         "shadow-[0_8px_30px_rgb(0,0,0,0.08)] dark:shadow-[0_8px_30px_rgb(0,0,0,0.3)]",
@@ -99,7 +99,7 @@ export function ToastItem({ toast, onClose }: ToastProps) {
       }}
     >
       {/* Left accent bar */}
-      <div className={cn("absolute left-0 top-0 bottom-0 w-1 rounded-l-lg", progressBarStyles[toast.type])} />
+      <div className={cn("absolute left-0 top-0 bottom-0 w-1", progressBarStyles[toast.type])} />
 
       <div className="flex items-start gap-3 p-3.5 pl-4.5 flex-1 min-w-0">
         {/* Icon */}