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

overextended · Apr 16, 2022 · e46fa20 · e46fa20
1 parent 66f9460
commit e46fa20
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/web/src/features/notifications/NotificationWrapper.tsx b/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 }}

diff --git a/web/src/features/textui/TextUI.tsx b/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>