diff --git a/_includes/svg/outer-link.svg b/_includes/svg/outer-link.svg
index b1fd1a54e9..d8602b8917 100644
--- a/_includes/svg/outer-link.svg
+++ b/_includes/svg/outer-link.svg
@@ -1,3 +1,3 @@
-<svg class="outer-link" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M19 19H5V5H12V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V12H19V19ZM14 3V5H17.59L7.76 14.83L9.17 16.24L19 6.41V10H21V3H14Z" fill="#FA114F"/>
 </svg>
\ No newline at end of file
diff --git a/_sass/components/_toolkit.scss b/_sass/components/_toolkit.scss
index 2e9832c1c5..a5dc4f8eda 100644
--- a/_sass/components/_toolkit.scss
+++ b/_sass/components/_toolkit.scss
@@ -116,9 +116,9 @@
     justify-content: center;
 }
 
-.outer-link {
-    width: 1.5rem;
-}
+// .outer-link {
+//     width: 1.5rem;
+// }
 
 .toolkit-flex-item.section-container {
     position: relative;
@@ -127,6 +127,10 @@
     height: auto;
     margin: 1.2rem 1rem;
     overflow: hidden;
+
+    a {
+        width: 1.5rem;
+    }
 }
 
 .toolkit-flex-item-img-container {
@@ -163,9 +167,9 @@
     width: 100%;
 }
 
-.not-clickable {
-    color: black !important;
-}
+// .not-clickable {
+//     color: black !important;
+// }
 
 .toolkit-flex-item-status {
     position: absolute;
diff --git a/pages/toolkit.html b/pages/toolkit.html
index c84bb5bce2..96950c16cd 100644
--- a/pages/toolkit.html
+++ b/pages/toolkit.html
@@ -93,7 +93,7 @@ <h1>Our Toolkit</h1>
                     <h3><a href="{{item.provider-link}}" target="_blank">{{ item.title }}</a></h3>
                     <p>{{ item.description }}</p>
                 </div>
-                <a href="{{item.provider-link}}" class="toolkit-flex-item-status outer-link" target="_blank">
+                <a href="{{item.provider-link}}" class="toolkit-flex-item-status" target="_blank">
                     {% include {{ item.link-svg }} %}
                 </a>
             </div>