From 79f878db9793427d6d612cc4da8e1c48038a540b Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 16 Oct 2021 10:10:41 -0500
Subject: [PATCH] Status: improve "pinned" icon

---
 app/soapbox/components/status.js  |  2 +-
 app/styles/components/status.scss | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js
index 544c9320f..de7a330ca 100644
--- a/app/soapbox/components/status.js
+++ b/app/soapbox/components/status.js
@@ -353,7 +353,7 @@ class Status extends ImmutablePureComponent {
       prepend = (
         <div className='status__prepend'>
           <div className='status__prepend-icon-wrapper'>
-            <Icon src={require('@tabler/icons/icons/pin.svg')} className='status__prepend-icon' />
+            <Icon src={require('@tabler/icons/icons/pinned.svg')} className='status__prepend-icon status__prepend-icon--pinned' />
           </div>
           <FormattedMessage id='status.pinned' defaultMessage='Pinned post' />
         </div>
diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index c65539df2..71c52f11b 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -149,6 +149,16 @@
   }
 }
 
+.status__prepend-icon--pinned.svg-icon {
+  width: 18px;
+  height: 18px;
+  margin-top: -1px;
+
+  svg {
+    stroke-width: 1.5px;
+  }
+}
+
 .status {
   padding: 8px 10px;
   padding-left: 68px;