diff --git a/app/gabsocial/components/helmet.js b/app/gabsocial/components/helmet.js
new file mode 100644
index 000000000..f6d04f750
--- /dev/null
+++ b/app/gabsocial/components/helmet.js
@@ -0,0 +1,32 @@
+import React from 'react';
+import { connect } from 'react-redux';
+import PropTypes from 'prop-types';
+import { Helmet } from'react-helmet';
+
+const mapStateToProps = state => ({
+ siteTitle: state.getIn(['instance', 'title']),
+});
+
+class SoapboxHelmet extends React.Component {
+
+ static propTypes = {
+ siteTitle: PropTypes.string.isRequired,
+ children: PropTypes.node,
+ };
+
+ render() {
+ const { siteTitle, children } = this.props;
+
+ return (
+
+ {children}
+
+ );
+ }
+
+}
+
+export default connect(mapStateToProps)(SoapboxHelmet);
diff --git a/app/gabsocial/containers/gabsocial.js b/app/gabsocial/containers/gabsocial.js
index ade6b1bcf..77f4509fe 100644
--- a/app/gabsocial/containers/gabsocial.js
+++ b/app/gabsocial/containers/gabsocial.js
@@ -3,7 +3,7 @@
import React from 'react';
import { Provider, connect } from 'react-redux';
import PropTypes from 'prop-types';
-import { Helmet } from'react-helmet';
+import Helmet from 'gabsocial/components/helmet';
import configureStore from '../store/configureStore';
import { INTRODUCTION_VERSION } from '../actions/onboarding';
import { Switch, BrowserRouter, Route } from 'react-router-dom';
diff --git a/app/gabsocial/pages/profile_page.js b/app/gabsocial/pages/profile_page.js
index 42c49536b..e50624158 100644
--- a/app/gabsocial/pages/profile_page.js
+++ b/app/gabsocial/pages/profile_page.js
@@ -3,12 +3,14 @@ import { connect } from 'react-redux';
import ImmutablePropTypes from 'react-immutable-proptypes';
import PropTypes from 'prop-types';
import ImmutablePureComponent from 'react-immutable-pure-component';
+import Helmet from 'gabsocial/components/helmet';
import HeaderContainer from '../features/account_timeline/containers/header_container';
import WhoToFollowPanel from '../features/ui/components/who_to_follow_panel';
// import TrendsPanel from '../features/ui/components/trends_panel';
import LinkFooter from '../features/ui/components/link_footer';
import SignUpPanel from '../features/ui/components/sign_up_panel';
import ProfileInfoPanel from '../features/ui/components/profile_info_panel';
+import { acctFull } from 'gabsocial/utils/accounts';
const mapStateToProps = (state, { params: { username }, withReplies = false }) => {
const accounts = state.getIn(['accounts']);
@@ -44,10 +46,14 @@ class ProfilePage extends ImmutablePureComponent {
render() {
const { children, accountId, account, accountUsername } = this.props;
- const bg = account ? account.getIn(['customizations', 'background']) : undefined;
+ const bg = account.getIn(['customizations', 'background']);
return (
+
+ @{acctFull(account)}
+
+