From 40794d4e7188c4d54a1f99c9edbc02fe580acbc5 Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Sat, 25 Apr 2020 19:10:55 -0700
Subject: [PATCH] fix a bug with VisuallyHidden radios

The VisuallyHidden radios were position:absolute, which was leaking outside the scroll container. These keeps them inside their component, which will scroll them properly!
---
 src/ItemsPanel.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ItemsPanel.js b/src/ItemsPanel.js
index 5d6c7d1..178c02e 100644
--- a/src/ItemsPanel.js
+++ b/src/ItemsPanel.js
@@ -21,7 +21,7 @@ function ItemsPanel({ outfitState, loading, dispatchToOutfit }) {
   const { zonesAndItems } = outfitState;
 
   return (
-    <Box color="green.800">
+    <Box color="green.800" position="relative">
       <Box px="1">
         <OutfitHeading
           outfitState={outfitState}