diff --git a/app/soapbox/components/markup.css b/app/soapbox/components/markup.css
index f451e3ba1..48e292bcc 100644
--- a/app/soapbox/components/markup.css
+++ b/app/soapbox/components/markup.css
@@ -85,3 +85,21 @@ body.underline-links [data-markup] a {
 [data-markup] .status-link {
   @apply hover:underline text-primary-600 dark:text-accent-blue hover:text-primary-800 dark:hover:text-accent-blue;
 }
+
+[data-markup] .invisible {
+  font-size: 0 !important;
+  line-height: 0 !important;
+  display: inline-block;
+  width: 0;
+  height: 0;
+  position: absolute;
+}
+
+[data-markup] .invisible img,
+[data-markup] .invisible svg {
+  margin: 0 !important;
+  border: 0 !important;
+  padding: 0 !important;
+  width: 0 !important;
+  height: 0 !important;
+}
diff --git a/app/styles/ui.scss b/app/styles/ui.scss
index 576d5d4f9..530599d3f 100644
--- a/app/styles/ui.scss
+++ b/app/styles/ui.scss
@@ -36,24 +36,6 @@
   }
 }
 
-.invisible {
-  font-size: 0 !important;
-  line-height: 0 !important;
-  display: inline-block;
-  width: 0;
-  height: 0;
-  position: absolute;
-
-  img,
-  svg {
-    margin: 0 !important;
-    border: 0 !important;
-    padding: 0 !important;
-    width: 0 !important;
-    height: 0 !important;
-  }
-}
-
 .react-datepicker-popper {
   z-index: 9999 !important;
 }