fix(web): Ensure font awesome icons have fixed width

web/src/features/notifications/NotificationWrapper.tsx

@@ -85,6 +85,7 @@ const Notifications: React.FC = () => {
           <HStack spacing={0}>
             {data.icon && (
               <FontAwesomeIcon
+                fixedWidth
                 icon={data.icon}
                 fontSize="1.3em"
                 style={{ paddingRight: 8 }}

web/src/features/textui/TextUI.tsx

@@ -68,10 +68,11 @@ const TextUI: React.FC = () => {
           <Flex justifyContent="center" alignItems="center">
             {data.icon && (
               <FontAwesomeIcon
+                fixedWidth
                 icon={data.icon}
                 color={data.iconColor}
                 fontSize="1.4rem"
-                style={{ paddingRight: 15 }}
+                style={{ paddingRight: 8 }}
               />
             )}
             <ReactMarkdown>{data.text}</ReactMarkdown>