diff --git a/src/containers/ProfileSettingsPage/ProfileSettingsPage.css b/src/containers/ProfileSettingsPage/ProfileSettingsPage.css
index a0e04717..8f463453 100644
--- a/src/containers/ProfileSettingsPage/ProfileSettingsPage.css
+++ b/src/containers/ProfileSettingsPage/ProfileSettingsPage.css
@@ -12,3 +12,32 @@
margin: 56px auto;
}
}
+
+.headingContainer {
+ display: flex;
+ flex-direction: row;
+}
+
+.heading {
+ margin-right: 24px;
+}
+
+.profileLink {
+ @apply --marketplaceButtonStylesSecondary;
+ @apply --marketplaceH5FontStyles;
+
+ display: inline-block;
+ width: auto;
+ min-height: auto;
+ height: 41px;
+
+ float: right;
+ flex-shrink: 0;
+
+ margin: 19px 0 0 auto;
+ padding: 9px 16px 8px 16px;
+
+ @media (--viewportMedium) {
+ margin: 37px 0 0 auto;
+ }
+}
diff --git a/src/containers/ProfileSettingsPage/ProfileSettingsPage.js b/src/containers/ProfileSettingsPage/ProfileSettingsPage.js
index c81bca0d..735475b5 100644
--- a/src/containers/ProfileSettingsPage/ProfileSettingsPage.js
+++ b/src/containers/ProfileSettingsPage/ProfileSettingsPage.js
@@ -14,6 +14,7 @@ import {
LayoutWrapperMain,
LayoutWrapperFooter,
Footer,
+ NamedLink,
} from '../../components';
import { ProfileSettingsForm, TopbarContainer } from '../../containers';
@@ -104,9 +105,20 @@ export class ProfileSettingsPageComponent extends Component {
-
+
+
+ {user.id ? (
+