From a97a1df5f1e163dd7fd99665c6118b2cdb23224e Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 20 Jul 2020 19:37:50 -0700
Subject: [PATCH] fix: Extra active outline around editor toolbar buttons

---
 app/components/Editor.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/components/Editor.js b/app/components/Editor.js
index 4495d54bd..cc92f7845 100644
--- a/app/components/Editor.js
+++ b/app/components/Editor.js
@@ -110,10 +110,14 @@ const StyledEditor = styled(RichMarkdownEditor)`
 
 const EditorTooltip = ({ children, ...props }) => (
   <Tooltip offset="0, 16" delay={150} {...props}>
-    <span>{children}</span>
+    <Span>{children}</Span>
   </Tooltip>
 );
 
+const Span = styled.span`
+  outline: none;
+`;
+
 const EditorWithRouterAndTheme = withRouter(withTheme(Editor));
 
 export default React.forwardRef((props, ref) => (