add gap between toasts

danreeves · Nov 5, 2023 · ce3adad · ce3adad
1 parent 8c26667
commit ce3adad
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/components/ui/toast.tsx b/app/components/ui/toast.tsx
@@ -14,7 +14,7 @@ const ToastViewport = React.forwardRef<
 	<ToastPrimitives.Viewport
 		ref={ref}
 		className={cn(
-			"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+			"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px] gap-2",
 			className,
 		)}
 		{...props}