CB-4266 ProcessSnackbar fixed size

webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.m.css

@@ -0,0 +1,3 @@
+.wrapper {
+  height: 176px;
+}

webapp/packages/core-blocks/src/Snackbars/ProcessSnackbar.tsx

@@ -19,6 +19,9 @@ import { SnackbarContent } from './SnackbarMarkups/SnackbarContent';
 import { SnackbarFooter } from './SnackbarMarkups/SnackbarFooter';
 import { SnackbarStatus } from './SnackbarMarkups/SnackbarStatus';
 import { SnackbarWrapper } from './SnackbarMarkups/SnackbarWrapper';
+import styles from './ProcessSnackbar.m.css';
+import { useS } from '../useS';
+import { s } from '../s';
 
 export interface ProcessSnackbarProps extends INotificationProcessExtraProps {
   closeDelay?: number;
@@ -32,6 +35,7 @@ export const ProcessSnackbar: NotificationComponent<ProcessSnackbarProps> = obse
   state,
 }) {
   const { error, title, message, status } = state!;
+  const style = useS(styles);
 
   const translate = useTranslate();
   const details = useErrorDetails(error);
@@ -45,6 +49,7 @@ export const ProcessSnackbar: NotificationComponent<ProcessSnackbarProps> = obse
 
   return (
     <SnackbarWrapper
+      className={s(style, { wrapper: true })}
       closing={!!notification.state.deleteDelay}
       persistent={status === ENotificationType.Loading}
       onClose={() => notification.close(false)}