From 133cb56ccad73ac7d342eaf668f5330c3c0abf71 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 30 May 2020 18:26:06 -0700
Subject: [PATCH] fix: Use real icon on settings back arrow

---
 app/components/Sidebar/Settings.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/app/components/Sidebar/Settings.js b/app/components/Sidebar/Settings.js
index 85b46712c..866922d4f 100644
--- a/app/components/Sidebar/Settings.js
+++ b/app/components/Sidebar/Settings.js
@@ -2,6 +2,7 @@
 import * as React from 'react';
 import { observer, inject } from 'mobx-react';
 import type { RouterHistory } from 'react-router-dom';
+import styled from 'styled-components';
 import {
   DocumentIcon,
   EmailIcon,
@@ -13,6 +14,7 @@ import {
   LinkIcon,
   TeamIcon,
   BulletedListIcon,
+  ExpandedIcon,
 } from 'outline-icons';
 import ZapierIcon from './icons/Zapier';
 import SlackIcon from './icons/Slack';
@@ -49,7 +51,11 @@ class SettingsSidebar extends React.Component<Props> {
     return (
       <Sidebar>
         <HeaderBlock
-          subheading="◄ Return to App"
+          subheading={
+            <ReturnToApp align="center">
+              <BackIcon /> Return to App
+            </ReturnToApp>
+          }
           teamName={team.name}
           logoUrl={team.avatarUrl}
           onClick={this.returnToDashboard}
@@ -145,4 +151,13 @@ class SettingsSidebar extends React.Component<Props> {
   }
 }
 
+const BackIcon = styled(ExpandedIcon)`
+  transform: rotate(90deg);
+  margin-left: -8px;
+`;
+
+const ReturnToApp = styled(Flex)`
+  height: 16px;
+`;
+
 export default inject('auth', 'policies')(SettingsSidebar);