From fdedc103352dd1a677547c42526907378a9f4111 Mon Sep 17 00:00:00 2001
From: Xindi Xu <xindixu@utexas.edu>
Date: Tue, 21 Jul 2020 13:37:32 -0500
Subject: [PATCH] update test and style

---
 css/emoji-mart.css                     | 1 +
 src/components/picker/nimble-picker.js | 1 -
 src/components/skins-dot.js            | 3 +--
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/css/emoji-mart.css b/css/emoji-mart.css
index 834d7cac1..e5f3be5e9 100644
--- a/css/emoji-mart.css
+++ b/css/emoji-mart.css
@@ -397,6 +397,7 @@
   padding-top: 100%;
   max-width: 12px;
   border-radius: 100%;
+  cursor: pointer;
 }
 
 .emoji-mart-skin-tone-1 { background-color: #ffc93a }
diff --git a/src/components/picker/nimble-picker.js b/src/components/picker/nimble-picker.js
index 47e5c01ba..a05feb10f 100644
--- a/src/components/picker/nimble-picker.js
+++ b/src/components/picker/nimble-picker.js
@@ -738,7 +738,6 @@ class NimblePicker extends React.PureComponent {
         className={`emoji-mart emoji-mart-${theme}`}
         aria-label={title}
         onKeyDown={this.handleKeyDown}
-        ref={this.props.wrapperRef}
       >
         <div className="emoji-mart-bar">
           <Anchors
diff --git a/src/components/skins-dot.js b/src/components/skins-dot.js
index 8e72b3fb7..f469641c4 100644
--- a/src/components/skins-dot.js
+++ b/src/components/skins-dot.js
@@ -109,8 +109,6 @@ export default class SkinsDot extends Skins {
               if (opened) {
                 this.handleClick(e)
                 this.onClose(e)
-              } else {
-                this.handleMenuClick(e)
               }
             }}
             onKeyDown={(e) => this.handleSkinKeyDown(e, skinTone)}
@@ -140,6 +138,7 @@ export default class SkinsDot extends Skins {
         <div
           {...(opened ? { role: 'menubar' } : {})}
           tabIndex={'0'}
+          onClick={this.handleMenuClick}
           onKeyDown={this.handleKeyDown}
           ref={this.setSkinTonesRef}
         >