From b6ef8b69e8517114c98dc2f4365d74b30cff5c10 Mon Sep 17 00:00:00 2001
From: Jessie Teng <jessie.teng@fmr.com>
Date: Tue, 11 Jun 2024 19:16:01 +0800
Subject: [PATCH] update to only change for notification component

Signed-off-by: Jessie Teng <jessie.teng@fmr.com>
---
 src/components/notifications/notifications.scss | 10 ----------
 src/components/notifications/notifications.tsx  |  5 +++--
 2 files changed, 3 insertions(+), 12 deletions(-)
 delete mode 100644 src/components/notifications/notifications.scss

diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
deleted file mode 100644
index 2ce3d31d..00000000
--- a/src/components/notifications/notifications.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.Toastify__toast {
-    overflow-wrap: break-word;
-}
-
-.Toastify__toast-body {
-    min-width: 0;
-    div {
-        min-width: 0;
-    }
-}
\ No newline at end of file
diff --git a/src/components/notifications/notifications.tsx b/src/components/notifications/notifications.tsx
index 22b951e7..0240ef25 100644
--- a/src/components/notifications/notifications.tsx
+++ b/src/components/notifications/notifications.tsx
@@ -21,8 +21,6 @@ export interface NotificationsProps {
     notifications: Observable<NotificationInfo>;
 }
 
-require('./notifications.scss');
-
 export class Notifications extends React.Component<NotificationsProps> {
     private subscription: Subscription | null = null;
 
@@ -49,6 +47,9 @@ export class Notifications extends React.Component<NotificationsProps> {
                         sel.removeAllRanges();
                         sel.addRange(range);
                     }
+                }} style={{
+                    overflowWrap: 'break-word',
+                    maxWidth: '240px'
                 }}>
                     {next.content}
                 </div>