From 40234e5b4a12a778ec75e3764d3c55306027813e Mon Sep 17 00:00:00 2001
From: Piotr Janosz <janosz128@gmail.com>
Date: Mon, 8 Jul 2019 19:40:42 +0200
Subject: [PATCH] Fixed styling for copy / run code buttons in code snippet

---
 packages/website/ts/components/docs/code.tsx     | 5 +++--
 packages/website/ts/components/docs/code_run.tsx | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/website/ts/components/docs/code.tsx b/packages/website/ts/components/docs/code.tsx
index 09075b8b51..3995ee9f7a 100644
--- a/packages/website/ts/components/docs/code.tsx
+++ b/packages/website/ts/components/docs/code.tsx
@@ -93,14 +93,15 @@ const CodeTag = styled.code`
     }
 `;
 
-const CopyButton = styled(Button)`
+const CopyButton = styled(Button).attrs({
+    isTransparent: true,
+})`
     float: right;
     height: 32px;
     padding: 0 12px;
     margin-bottom: 13px;
     font-size: 14px;
     font-weight: 300;
-    background: white;
     border: 1px solid ${colors.beigeWhite};
     border-radius: ${BORDER_RADIUS};
     color: ${colors.brandDark};
diff --git a/packages/website/ts/components/docs/code_run.tsx b/packages/website/ts/components/docs/code_run.tsx
index 472ef14bae..023943dcc4 100644
--- a/packages/website/ts/components/docs/code_run.tsx
+++ b/packages/website/ts/components/docs/code_run.tsx
@@ -44,7 +44,9 @@ const RunButton = styled(ActionButton)`
     margin-bottom: 4px;
 `;
 
-const ResetButton = styled(ActionButton)`
+const ResetButton = styled(ActionButton).attrs({
+    isTransparent: true,
+})`
     background-color: white;
     color: ${colors.brandDark};
 `;