From 4148b22eb51f252fd57d3285a3c0472ce2a310a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Rodriguez=20Feit=C3=B3?= <drodriguezf93@gmail.com>
Date: Sun, 30 Oct 2022 22:52:06 -0300
Subject: [PATCH] fix: fix verticalitem icon not allowing to click item (#2514)

* fix: fix verticalitem icon not allowing to click item

* fix: add icon to href variant
---
 src/components/VerticalItem/index.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/VerticalItem/index.js b/src/components/VerticalItem/index.js
index 0e869cd1f..15e208ab3 100644
--- a/src/components/VerticalItem/index.js
+++ b/src/components/VerticalItem/index.js
@@ -66,6 +66,9 @@ function Item(props) {
                     tabIndex={resolveTabIndex()}
                     isSelected={isSelected}
                 >
+                    <RenderIf isTrue={icon}>
+                        <StyledIcon>{icon}</StyledIcon>
+                    </RenderIf>
                     <ItemContent label={label} notification={notification} />
                 </StyledAnchor>
             </RenderIf>
@@ -79,12 +82,12 @@ function Item(props) {
                     tabIndex={resolveTabIndex()}
                     isSelected={isSelected}
                 >
+                    <RenderIf isTrue={icon}>
+                        <StyledIcon>{icon}</StyledIcon>
+                    </RenderIf>
                     <ItemContent label={label} notification={notification} />
                 </StyledButton>
             </RenderIf>
-            <RenderIf isTrue={icon}>
-                <StyledIcon>{icon}</StyledIcon>
-            </RenderIf>
         </StyledLi>
     );
 }