Merge pull request #1573 from habx/feature/app-16917

APP-16917 radius > checkbox and icon-button have lost their radius
habx · Dec 9, 2020 · 37cb6da · 37cb6da
2 parents 17b91cd + 0330c49
commit 37cb6da
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/Checkbox/Checkbox.style.ts b/src/Checkbox/Checkbox.style.ts
@@ -27,7 +27,7 @@ export const FakeInput = styled.div`
   background-color: var(--checkbox-background-color);
   box-shadow: inset 0 0 0 var(--checkbox-border-width)
     var(--checkbox-border-color);
-  border-radius: var(--border-radius);
+  border-radius: var(--checkbox-border-radius);
   transition: all 150ms ease-in-out;
   pointer-events: none;
 `

diff --git a/src/IconButton/IconButton.style.ts b/src/IconButton/IconButton.style.ts
@@ -25,7 +25,8 @@ export const IconButtonContainer = styled.button`
     background-color: unset;
   }
 
-  border-radius: 2px;
+  border-radius: 4px;
+  overflow: hidden;
   font-size: var(--icon-button-font-size);
   width: var(--icon-button-size);
   height: var(--icon-button-size);