fix(button): Line height (#91)

* fix(button): Line height * test: Updated snapshot
pancakeswap · Dec 14, 2020 · 2911ff7 · 2911ff7
1 parent e441859
commit 2911ff7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/__tests__/components/button.test.tsx b/src/__tests__/components/button.test.tsx
@@ -7,7 +7,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <button
-        class="sc-bdfBwQ Fsqj"
+        class="sc-bdfBwQ gwwGmF"
       >
         Submit
       </button>

diff --git a/src/components/Button/StyledButton.tsx b/src/components/Button/StyledButton.tsx
@@ -28,6 +28,7 @@ const StyledButton = styled.button<ButtonProps>`
   /* max-content instead of auto for Safari fix */
   width: ${({ fullWidth }) => (fullWidth ? "100%" : "max-content")};
   height: ${({ size }) => (size === "sm" ? "32px" : "48px")};
+  line-height: 1;
   letter-spacing: 0.03em;
   justify-content: center;
   outline: 0;