From e46fa203caefcbb3fcc9d20d0995211ac6c119bf Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Sat, 16 Apr 2022 12:08:55 +0200
Subject: [PATCH] fix(web): Ensure font awesome icons have fixed width

---
 web/src/features/notifications/NotificationWrapper.tsx | 1 +
 web/src/features/textui/TextUI.tsx                     | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/src/features/notifications/NotificationWrapper.tsx b/web/src/features/notifications/NotificationWrapper.tsx
index 97469e7..f25fb72 100644
--- 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
index 90be1c6..585e9c8 100644
--- 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>