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