From 0e95a640272975160b097fe7efc4052865a76272 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Thu, 4 Nov 2021 14:57:52 -0500
Subject: [PATCH] Card: fix empty card icon

---
 app/soapbox/features/status/components/card.js | 2 +-
 app/styles/components/status.scss              | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/features/status/components/card.js b/app/soapbox/features/status/components/card.js
index 6dc2ef963..4e870640e 100644
--- a/app/soapbox/features/status/components/card.js
+++ b/app/soapbox/features/status/components/card.js
@@ -220,7 +220,7 @@ export default class Card extends React.PureComponent {
     } else {
       embed = (
         <div className='status-card__image status-card__image--empty'>
-          <Icon id='file-text' />
+          <Icon src={require('@tabler/icons/icons/file-text.svg')} />
         </div>
       );
     }
diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index 71c52f11b..a1eb66295 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -613,13 +613,18 @@ a.status-card {
   background: var(--brand-color--med);
   position: relative;
 
-  & > .fa {
-    font-size: 21px;
+  & > .svg-icon {
+    width: 40px;
+    height: 40px;
     position: absolute;
     transform-origin: 50% 50%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+
+    svg {
+      stroke-width: 1px;
+    }
   }
 
   &--empty {