diff --git a/app/soapbox/components/home_column_header.js b/app/soapbox/components/home_column_header.js
index aca89888a..80cccb808 100644
--- a/app/soapbox/components/home_column_header.js
+++ b/app/soapbox/components/home_column_header.js
@@ -143,7 +143,7 @@ class ColumnHeader extends React.PureComponent {
-
+
{siteTitle}
diff --git a/app/soapbox/components/icon.js b/app/soapbox/components/icon.js
index 9bf39abf9..8081aac12 100644
--- a/app/soapbox/components/icon.js
+++ b/app/soapbox/components/icon.js
@@ -12,7 +12,7 @@ export default class Icon extends React.PureComponent {
render() {
const { id, className, fixedWidth, ...other } = this.props;
- // Use the font awesome retweet icon, but change its alt
+ // Use the Fork Awesome retweet icon, but change its alt
// tag. There is a common adblocker rule which hides elements with
// alt='retweet' unless the domain is twitter.com. This should
// change what screenreaders call it as well.
diff --git a/app/styles/fonts.scss b/app/styles/fonts.scss
index 2ba14213e..354b9b9a9 100644
--- a/app/styles/fonts.scss
+++ b/app/styles/fonts.scss
@@ -159,8 +159,8 @@
font-style: normal;
}
-.fa-site-icon::before {
- font-family: 'FontAwesome';
+.fa-users::before {
+ font-family: 'ForkAwesome';
content: '\f0c0';
}
diff --git a/app/styles/ui.scss b/app/styles/ui.scss
index b613802ed..7eab8edb9 100644
--- a/app/styles/ui.scss
+++ b/app/styles/ui.scss
@@ -739,7 +739,7 @@
display: block;
position: absolute;
content: '\f00c';
- font: normal normal normal 14px/1 FontAwesome;
+ font: normal normal normal 14px/1 ForkAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;