From 988f4168a0c86782da725efd4c5bb483deb9dfed Mon Sep 17 00:00:00 2001
From: Vincent Salucci <26154748+vincentsalucci@users.noreply.github.com>
Date: Wed, 16 Jun 2021 14:43:15 -0500
Subject: [PATCH] [Toast] - BUG - Fixed styles (#1036)

* [Toast] BUG - Fixed toast stylings

* Updated toast-content padding
---
 src/scss/plugins.scss | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/scss/plugins.scss b/src/scss/plugins.scss
index 7741322242..3fc34da1bc 100644
--- a/src/scss/plugins.scss
+++ b/src/scss/plugins.scss
@@ -3,13 +3,14 @@ $fa-font-path: "~font-awesome/fonts";
 @import "~angular2-toaster/toaster";
 @import "~sweetalert2/src/sweetalert2.scss";
 
-#toast-container {
+.toast-container {
     &.toast-top-right {
         top: 76px;
     }
 
     .toast-close-button {
-        right: -0.15em;
+        margin-right: 4px;
+        font-size: 18px;
     }
 
     .toast {
@@ -30,8 +31,11 @@ $fa-font-path: "~font-awesome/fonts";
             line-height: 20px;
             float: left;
             color: #ffffff;
-            padding-right: 10px;
-            margin: auto 0 auto -36px;
+            margin: auto 0 auto 15px;
+        }
+
+        .toast-content {
+            padding: 15px;
         }
 
         .toaster-icon {
@@ -54,7 +58,6 @@ $fa-font-path: "~font-awesome/fonts";
 
             &:before {
                 content: "\f0e7";
-                margin-left: -30px;
             }
         }