From 65f960db0045109438f2777ee7e2eff28504db36 Mon Sep 17 00:00:00 2001
From: Dave Richer <Dave@ImexSystems.ca>
Date: Thu, 23 Nov 2023 16:58:56 -0500
Subject: [PATCH] Add Margin around the Messaging Icon

---
 client/src/components/chat-popup/chat-popup.component.jsx | 2 +-
 client/src/components/chat-popup/chat-popup.styles.scss   | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/components/chat-popup/chat-popup.component.jsx b/client/src/components/chat-popup/chat-popup.component.jsx
index 6d582bdab..57ef96e4c 100644
--- a/client/src/components/chat-popup/chat-popup.component.jsx
+++ b/client/src/components/chat-popup/chat-popup.component.jsx
@@ -132,7 +132,7 @@ export function ChatPopupComponent({
             onClick={() => toggleChatVisible()}
             style={{ cursor: "pointer" }}
           >
-            <MessageOutlined />
+            <MessageOutlined className="chat-popup-info-icon" />
             <strong>{t("messaging.labels.messaging")}</strong>
           </div>
         )}
diff --git a/client/src/components/chat-popup/chat-popup.styles.scss b/client/src/components/chat-popup/chat-popup.styles.scss
index 398762700..be9a5c0a7 100644
--- a/client/src/components/chat-popup/chat-popup.styles.scss
+++ b/client/src/components/chat-popup/chat-popup.styles.scss
@@ -13,6 +13,9 @@
     height: 100%;
   }
 }
+.chat-popup-info-icon {
+  margin-right: 5px;
+}
 
 @media only screen and (min-width: 992px) {
   .chat-popup {