diff --git a/src-ui/app/_index_css/variables.css b/src-ui/app/_index_css/variables.css
index 97a43d1c..a5579afc 100644
--- a/src-ui/app/_index_css/variables.css
+++ b/src-ui/app/_index_css/variables.css
@@ -24,7 +24,7 @@
 
     --error_bc_color: #bb4448;
     --error_bc_active_color: #9c3938;
-    --success_bc_color: --primary_600_color;
+    --success_bc_color: var(--primary_600_color);
     --warning_color: #cb944f;
     --warning_bc_color: #cf7b1b;
 
diff --git a/src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss b/src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss
index 75ad8e19..640a2116 100644
--- a/src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss
+++ b/src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss
@@ -81,10 +81,11 @@
     align-items: center;
     font-size: 1.4rem;
     width: fit-content;
-    max-width: 50vw;
+    max-width: 70vw;
     padding-right: 4rem;
     background-color: var(--dark_950_color);
     gap: 0.6rem;
+    white-space: pre-wrap;
 }
 
 .Toastify__progress-bar--wrp {