From afcdc6a1c4d43301ee0b10acb675caad8ff24843 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Mon, 24 Apr 2017 10:54:52 -0400
Subject: [PATCH] Use overflow to clip border radius

---
 src/components/stage-selector/stage-selector.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/stage-selector/stage-selector.css b/src/components/stage-selector/stage-selector.css
index dcb77ffd7..e83601923 100644
--- a/src/components/stage-selector/stage-selector.css
+++ b/src/components/stage-selector/stage-selector.css
@@ -76,13 +76,14 @@ $border-width: 2px;
     display: flex;
     flex-direction: column; /* makes rows */
     align-items: center;
+    overflow: hidden;
     background-color: white;
     border-radius: calc($space / 2);
     border-width: $border-width;
     border-style: solid;
     border-color: #e9eef2;
     cursor: pointer;
-    transition: border-color 0.1s ease-out; 
+    transition: border-color 0.1s ease-out;
 }
 
 .flex-wrapper:hover {
@@ -96,7 +97,5 @@ $border-width: 2px;
 .costume-canvas {
     display: block;
     width: 100%;
-    border-top-left-radius: calc($space / 2);
-    border-top-right-radius: calc($space / 2);
     user-select: none;
 }