From 104c46b2cf675234052450251ea44f2aeda539be Mon Sep 17 00:00:00 2001
From: Aadil Ahmed <aadilahmed0@gmail.com>
Date: Thu, 25 Jan 2024 01:31:32 -0800
Subject: [PATCH] fix css for slack self invite svg

---
 _sass/components/_communities-of-practice.scss | 17 ++++++++---------
 pages/communities-of-practice.html             |  4 +++-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/_sass/components/_communities-of-practice.scss b/_sass/components/_communities-of-practice.scss
index 39df68c86f..922607ea06 100644
--- a/_sass/components/_communities-of-practice.scss
+++ b/_sass/components/_communities-of-practice.scss
@@ -4,15 +4,14 @@
   max-width: 508px;
   margin-top: 31px;
 
-  svg.icon {
-    path {
-      fill: #fa114f;
-    }
-    margin-top: 15px;
-    margin-right: 27px;
-    width: 24px;
-    height: 24px;
-    min-width: 24px;
+  .self-invite-img {
+    color: #fa114f;
+    margin-top: 14px;
+    margin-right: 26px;
+    margin-left: -1px;
+    width: 26px;
+    height: 26px;
+    min-width: 26px;
   }
 
   .alert--communities {
diff --git a/pages/communities-of-practice.html b/pages/communities-of-practice.html
index e4698140ee..3cce279671 100644
--- a/pages/communities-of-practice.html
+++ b/pages/communities-of-practice.html
@@ -15,7 +15,9 @@ <h1 class="title1">Communities of Practice</h1>
             If you'd like to join one of the Communities of Practice that has a regular meeting time, join their Slack channel and look for the meeting details, usually pinned or in the description. Otherwise, see the "How to get started" sections below.
         </p>
             <div class="header-self-invite--communities">
-                {% include svg/icon-slack.svg %}
+                <svg version="1.1" class="self-invite-img" viewBox="0 0 90 90" xmlns="http://www.w3.org/2000/svg" width="100%">
+                    {% include svg/icon-slack.svg %}
+                </svg>
                 <p class="alert--communities">To join the Slack channels below, you first need to be a member of our Hack for LA Slack Community. If you have not joined yet, please follow the steps in <a href="/getting-started" target="_blank">Getting Started</a>.
             </p></div>
     </div>