From cc926f99643489fa555c6f037ab59357c5f312e2 Mon Sep 17 00:00:00 2001
From: Gustavo <gustavo.4lv5s@gmail.com>
Date: Sun, 21 Jun 2020 16:00:59 -0300
Subject: [PATCH 1/2] These lines will resolve a problem on transitioning, you
 can notice them when adding some right Icon

---
 src/App.js    | 2 +-
 src/index.css | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index 35280e9..a28b111 100644
--- a/src/App.js
+++ b/src/App.js
@@ -84,7 +84,7 @@ function DropdownMenu() {
           <DropdownItem>My Profile</DropdownItem>
           <DropdownItem
             leftIcon={<CogIcon />}
-            rightIcon={<ChevronIcon />}
+            rightIcon="&#9917;"
             goToMenu="settings">
             Settings
           </DropdownItem>
diff --git a/src/index.css b/src/index.css
index c2ace2f..36b1f46 100644
--- a/src/index.css
+++ b/src/index.css
@@ -95,12 +95,13 @@ a {
   background-color: var(--bg);
   border: var(--border);
   border-radius: var(--border-radius);
-  padding: 1rem;
   overflow: hidden;
   transition: height var(--speed) ease;
 }
 
 .menu {
+  box-sizing: border-box;
+  padding: 1rem;
   width: 100%;
 }
 

From de174a3ab6d5d238d94ad3564700196ffdbacae3 Mon Sep 17 00:00:00 2001
From: Gustavo Alves <52419335+saymow@users.noreply.github.com>
Date: Wed, 24 Jun 2020 18:56:15 -0300
Subject: [PATCH 2/2] Icon updated

---
 src/App.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App.js b/src/App.js
index a28b111..35280e9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -84,7 +84,7 @@ function DropdownMenu() {
           <DropdownItem>My Profile</DropdownItem>
           <DropdownItem
             leftIcon={<CogIcon />}
-            rightIcon="&#9917;"
+            rightIcon={<ChevronIcon />}
             goToMenu="settings">
             Settings
           </DropdownItem>