fix: design review fixes and a couple of other minor fixes

packages/lsd-react/src/components/Toast/Toast.styles.ts

@@ -53,7 +53,6 @@ export const ToastStyles = css`
 
   .${toastClasses.title} {
     position: relative;
-    font-weight: bold;
   }
 
   .${toastClasses.information} {
@@ -83,7 +82,7 @@ export const ToastStyles = css`
 
   .${toastClasses.errorIcon} {
     position: absolute;
-    top: 5px;
+    top: 3px;
     left: -26px;
   }
 
@@ -144,5 +143,9 @@ export const ToastStyles = css`
     .${toastClasses.textContainer} {
       min-width: 144px;
     }
+
+    .${toastClasses.errorIcon} {
+      top: 0px;
+    }
   }
 `

packages/lsd-react/src/components/Toast/Toast.tsx

@@ -126,7 +126,11 @@ export const Toast: React.FC<ToastProps> & {
       >
         <div className={clsx(toastClasses.textContainer)}>
           {!!title && (
-            <Typography className={toastClasses.title} component="div">
+            <Typography
+              className={toastClasses.title}
+              component="div"
+              variant={size === 'small' ? 'label2' : 'label1'}
+            >
               <ErrorIcon
                 color="primary"
                 className={toastClasses.errorIcon}
@@ -137,7 +141,11 @@ export const Toast: React.FC<ToastProps> & {
           )}
 
           {!!information && (
-            <Typography className={toastClasses.information} component="div">
+            <Typography
+              className={toastClasses.information}
+              component="div"
+              variant={size === 'small' ? 'label2' : 'label1'}
+            >
               {information}
             </Typography>
           )}