apply scss to dropdown menu

packages/app/src/components/InAppNotification/InAppNotificationDropdown.tsx

@@ -148,11 +148,11 @@ const InAppNotificationDropdown: FC<Props> = (props: Props) => {
   const badge = count > 0 ? <span className="badge badge-pill badge-danger grw-notification-badge">{count}</span> : '';
 
   return (
-    <Dropdown className="notification-wrapper" isOpen={isOpen} toggle={toggleDropdownHandler}>
+    <Dropdown className="notification-wrapper grw-in-app-notification-dropdown" isOpen={isOpen} toggle={toggleDropdownHandler}>
       <DropdownToggle tag="a" className="nav-link">
         <i className="icon-bell mr-2" /> {badge}
       </DropdownToggle>
-      <DropdownMenu right>
+      <DropdownMenu className="grw-in-app-notification-dropdown-menu" right>
         <InAppNotificationContents />
         <DropdownItem divider />
         {/* TODO: Able to show all notifications by #79317 */}

packages/app/src/styles/_in-app-notification.scss

@@ -0,0 +1,5 @@
+.grw-in-app-notification-dropdown {
+  .grw-in-app-notification-dropdown-menu {
+    width: 300px;
+  }
+}

packages/app/src/styles/style-app.scss

@@ -43,6 +43,7 @@
 @import 'editor-navbar';
 @import 'page-content-footer';
 @import 'handsontable';
+@import 'in-app-notification';
 @import 'layout';
 @import 'login';
 @import 'me';