From 5baf3a7feb0c21857adbaaa456042beb9b1c7791 Mon Sep 17 00:00:00 2001
From: Alvaro <110414366+alvaro-signal@users.noreply.github.com>
Date: Mon, 26 Sep 2022 18:09:50 -0600
Subject: [PATCH] Reverting left-alignment of toasts

---
 stylesheets/components/Toast.scss | 3 +++
 ts/components/ToastManager.tsx    | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/stylesheets/components/Toast.scss b/stylesheets/components/Toast.scss
index 834219a2c..25019036f 100644
--- a/stylesheets/components/Toast.scss
+++ b/stylesheets/components/Toast.scss
@@ -16,6 +16,9 @@
   user-select: none;
   overflow: hidden;
   z-index: $z-index-toast;
+  bottom: 62px;
+  left: 50%;
+  transform: translate(-50%, 0);
 
   @include light-theme {
     background-color: $color-gray-80;
diff --git a/ts/components/ToastManager.tsx b/ts/components/ToastManager.tsx
index f974214ad..ab6e72e9c 100644
--- a/ts/components/ToastManager.tsx
+++ b/ts/components/ToastManager.tsx
@@ -94,7 +94,7 @@ export const ToastManager = ({
 
   if (toast?.toastType === ToastType.AddingUserToGroup) {
     return (
-      <Toast onClose={hideToast} timeout={SHORT_TIMEOUT} align="left">
+      <Toast onClose={hideToast} timeout={SHORT_TIMEOUT}>
         {i18n(
           'AddUserToAnotherGroupModal__toast--adding-user-to-group',
           toast.parameters
@@ -105,7 +105,7 @@ export const ToastManager = ({
 
   if (toast?.toastType === ToastType.UserAddedToGroup) {
     return (
-      <Toast onClose={hideToast} align="left">
+      <Toast onClose={hideToast}>
         {i18n(
           'AddUserToAnotherGroupModal__toast--user-added-to-group',
           toast.parameters