From 85ba6bb05c0c97910c588d73e267f2da5a490285 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Sun, 26 Apr 2020 08:56:01 +0200
Subject: [PATCH] style

---
 packages/web/src/widgets/ToolbarButton.js | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/packages/web/src/widgets/ToolbarButton.js b/packages/web/src/widgets/ToolbarButton.js
index d88c31f9..5722542b 100644
--- a/packages/web/src/widgets/ToolbarButton.js
+++ b/packages/web/src/widgets/ToolbarButton.js
@@ -35,6 +35,11 @@ const StyledIconSpan = styled.span`
   color: ${(props) => (props.disabled ? 'gray' : 'blue')};
 `;
 
+const ButtonDivInner = styled.div`
+  position: relative;
+  top: 2px;
+`;
+
 export default function ToolbarButton({ children, onClick, icon = undefined, disabled = undefined }) {
   const Icon = icon;
   return (
@@ -44,12 +49,14 @@ export default function ToolbarButton({ children, onClick, icon = undefined, dis
       }}
       disabled={disabled}
     >
-      {Icon && (
-        <StyledIconSpan disabled={disabled}>
-          <i className={icon} />
-        </StyledIconSpan>
-      )}
-      {children}
+      <ButtonDivInner>
+        {Icon && (
+          <StyledIconSpan disabled={disabled}>
+            <i className={icon} />
+          </StyledIconSpan>
+        )}
+        {children}
+      </ButtonDivInner>
     </ButtonDiv>
   );
 }