diff --git a/web/src/components/ui/sonner.tsx b/web/src/components/ui/sonner.tsx
index d4bdd8b..ec91beb 100644
--- a/web/src/components/ui/sonner.tsx
+++ b/web/src/components/ui/sonner.tsx
@@ -11,7 +11,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
       theme={theme as ToasterProps["theme"]}
       className="toaster group"
       toastOptions={{
-        className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
+        className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
         style: {
           background: "#000",
           color: "#fff",
@@ -28,23 +28,23 @@ const Toaster = ({ ...props }: ToasterProps) => {
           secondary: "#000000",
         },
         success: {
-          className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
+          className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
           style: { background: "#000", color: "#fff", border: "1px solid #000" },
         },
         error: {
-          className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
+          className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
           style: { background: "#000", color: "#fff", border: "1px solid #000" },
         },
         info: {
-          className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
+          className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
           style: { background: "#000", color: "#fff", border: "1px solid #000" },
         },
         warning: {
-          className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
+          className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
           style: { background: "#000", color: "#fff", border: "1px solid #000" },
         },
         loading: {
-          className: "flex items-center gap-3 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
+          className: "flex items-center justify-center gap-2 rounded-xl border border-black bg-black px-4 py-3 text-sm font-medium text-white shadow-lg",
           style: { background: "#000", color: "#fff", border: "1px solid #000" },
         },
       }}