diff --git a/src/components/ui/Toaster.tsx b/src/components/ui/Toaster.tsx
index 5bda2f3..af892b1 100644
--- a/src/components/ui/Toaster.tsx
+++ b/src/components/ui/Toaster.tsx
@@ -8,10 +8,13 @@ import {
   ToastViewport,
 } from "#/components/ui/Toast";
 import { useToast } from "#/hooks/useToast";
+import { cn } from "#/lib";
 
 function Toaster({
+  className,
   position = "top-right",
 }: {
+  className: string;
   position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
 }) {
   const { toasts } = useToast();
@@ -28,7 +31,7 @@ function Toaster({
           <ToastClose />
         </Toast>
       ))}
-      <ToastViewport position={position} />
+      <ToastViewport className={cn(className)} position={position} />
     </ToastProvider>
   );
 }