From 9989550b69c68241fbf63ece1541d00378a7a74b Mon Sep 17 00:00:00 2001
From: Jack Chen <yuxi.chen@berkeley.edu>
Date: Tue, 15 Dec 2020 11:34:39 -0800
Subject: [PATCH] chore(drawing): add accessibility for color picker components

---
 .../controls/color-picker/ColorPickerControl.tsx       | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/viewers/controls/color-picker/ColorPickerControl.tsx b/src/lib/viewers/controls/color-picker/ColorPickerControl.tsx
index ebc53d6bea..f2127963a1 100644
--- a/src/lib/viewers/controls/color-picker/ColorPickerControl.tsx
+++ b/src/lib/viewers/controls/color-picker/ColorPickerControl.tsx
@@ -24,11 +24,6 @@ export default function ColorPickerControl({
 
     return (
         <div className="bp-ColorPickerControl">
-            {isColorPickerToggled && (
-                <div className="bp-ColorPickerControl-palette">
-                    <ColorPickerPalette colors={colors} data-testid="bp-ColorPickerPalette" onSelect={handleSelect} />
-                </div>
-            )}
             <button
                 className="bp-ColorPickerControl-button"
                 data-testid="bp-ColorPickerControl-button"
@@ -38,6 +33,11 @@ export default function ColorPickerControl({
             >
                 <div className="bp-ColorPickerControl-swatch" style={{ backgroundColor: activeColor }} />
             </button>
+            {isColorPickerToggled && (
+                <div className="bp-ColorPickerControl-palette">
+                    <ColorPickerPalette colors={colors} data-testid="bp-ColorPickerPalette" onSelect={handleSelect} />
+                </div>
+            )}
         </div>
     );
 }