diff --git a/starters/tailwind/src/Toast.tsx b/starters/tailwind/src/Toast.tsx index cdb66c26ea2..d27252bc396 100644 --- a/starters/tailwind/src/Toast.tsx +++ b/starters/tailwind/src/Toast.tsx @@ -40,7 +40,7 @@ export function MyToastRegion() { // The ToastRegion should be rendered at the root of your app. + className="fixed bottom-4 right-4 flex flex-col-reverse gap-2 rounded-lg outline-none focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-blue-600 focus-visible:outline-offset-2"> {({toast}) => ( @@ -52,7 +52,7 @@ export function MyToastRegion() { @@ -68,7 +68,7 @@ export function MyToast(props: ToastProps) { style={{viewTransitionName: props.toast.key} as CSSProperties} className={composeTailwindRenderProps( props.className, - "flex items-center gap-4 bg-blue-600 px-4 py-3 rounded-lg outline-none forced-colors:outline focus-visible:outline-2 focus-visible:outline-blue-600 focus-visible:outline-offset-2 [view-transition-class:toast] font-sans w-[230px]" + "flex items-center gap-4 bg-blue-600 px-4 py-3 rounded-lg outline-none forced-colors:outline focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-blue-600 focus-visible:outline-offset-2 [view-transition-class:toast] font-sans w-[230px]" )} /> );