From 88fe0ea92d72c5ea104fa455061004c62d474a9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A1bio=20Moreira?= <fabiommmoreira@Fabios-MBP.lan>
Date: Wed, 9 May 2018 13:36:05 +0100
Subject: [PATCH] feat(ui-toolkit): replace bottom nav arrows with html
 entities

---
 packages/ui-toolkit/src/styleguide/bottomNav.js | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/ui-toolkit/src/styleguide/bottomNav.js b/packages/ui-toolkit/src/styleguide/bottomNav.js
index 9b359ac9..17331ca9 100644
--- a/packages/ui-toolkit/src/styleguide/bottomNav.js
+++ b/packages/ui-toolkit/src/styleguide/bottomNav.js
@@ -1,7 +1,6 @@
 import React from 'react';
 import remcalc from 'remcalc';
 import styled from 'styled-components';
-import { Arrow } from 'joyent-icons';
 
 const BottomNav = styled.div`
   display: flex;
@@ -10,8 +9,6 @@ const BottomNav = styled.div`
 `;
 
 const Link = styled.a`
-  display: flex;
-  align-items: center;
   color: #3b46cc;
   font-size: 15px;
   line-height: 24px;
@@ -32,16 +29,14 @@ export default props => {
       <div>
         {selectedIndex > 0 ? (
           <Link href={`/#!/${items[selectedIndex - 1]}`}>
-            <Arrow direction="right" fill="#3B46CC" /> &nbsp;{' '}
-            {items[selectedIndex - 1]}
+            &larr; {items[selectedIndex - 1]}
           </Link>
         ) : null}
       </div>
       <div>
         {selectedIndex < items.length ? (
           <Link href={`/#!/${items[selectedIndex + 1]}`}>
-            {items[selectedIndex + 1]} &nbsp;{' '}
-            <Arrow direction="left" fill="#3B46CC" />
+            {items[selectedIndex + 1]} &rarr;
           </Link>
         ) : null}
       </div>