diff --git a/frontend/src/App/notifications/index.tsx b/frontend/src/App/notifications/index.tsx
index 0193eae2b..da083b9a2 100644
--- a/frontend/src/App/notifications/index.tsx
+++ b/frontend/src/App/notifications/index.tsx
@@ -99,7 +99,7 @@ const ProgressToast: FunctionComponent<ProgressHolderProps> = ({
         <span className="mr-auto">Background Task</span>
       </Toast.Header>
       <Toast.Body>
-        <div className="mb-2 mt-1 text-nowrap text-truncate">
+        <div className="mb-2 mt-1">
           <FontAwesomeIcon
             className="mr-2"
             icon={faPaperPlane}
diff --git a/frontend/src/App/notifications/style.scss b/frontend/src/App/notifications/style.scss
index 27f4fac59..8fb53b696 100644
--- a/frontend/src/App/notifications/style.scss
+++ b/frontend/src/App/notifications/style.scss
@@ -13,8 +13,7 @@
     padding: 1rem;
 
     .toast {
-      max-width: 260px;
-      min-width: 200px;
+      width: 16rem;
 
       backdrop-filter: blur(6px);
       -webkit-backdrop-filter: blur(6px);