From a66944fac59bb5867039dc717f3dd8218c2b1635 Mon Sep 17 00:00:00 2001
From: josefin ferrada <jferrada@eclass.cl>
Date: Tue, 14 Apr 2026 17:07:50 -0400
Subject: [PATCH] fix(a): corregimos alto del componente en mobile y border

---
 src/organisms/User/UserDropdown.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/organisms/User/UserDropdown.tsx b/src/organisms/User/UserDropdown.tsx
index a210a530..2bf890c5 100644
--- a/src/organisms/User/UserDropdown.tsx
+++ b/src/organisms/User/UserDropdown.tsx
@@ -100,30 +100,35 @@ export const UserDropdown = ({
           left: isMobile ? '0 !important' : 'auto',
           position: isMobile ? 'fixed !important' : 'absolute',
           top: isMobile ? '52px !important' : 'auto',
+          bottom: isMobile ? '0 !important' : 'auto',
           transform: isMobile ? 'none !important' : 'auto',
+          width: isMobile ? '100% !important' : 'auto',
         },
         '.chakra-menu__menu-list': {
           animation: 'none !important',
           background: vars('colors-neutral-davysGrey'),
           borderRadius: isMobile ? '0' : '10px',
           boxShadow: isMobile ? 'none' : 'rgba(47, 47, 47, 0.2) -1px 6px 40px 0px',
-          maxHeight: isMobile ? 'calc(100vh - 62px)' : 'auto',
+          display: isMobile ? 'flex' : 'block',
+          flexDirection: isMobile ? 'column' : 'initial',
+          height: isMobile ? '100%' : 'auto',
+          maxHeight: isMobile ? '100%' : 'auto',
           opacity: '1 !important',
           overflowY: isMobile ? 'auto' : 'hidden',
           padding: '15px 0 0',
           position: 'absolute',
           right: isMobile ? 'auto' : '-8px',
-          top: isMobile ? '3px !important' : 'auto',
+          top: isMobile ? '0 !important' : 'auto',
           transform: 'none !important',
           transition: 'none !important',
           width: isMobile ? '100vw' : '290px',
         },
 
         '.content': {
-          height: isMobile ? '100%' : 'auto',
+          flex: isMobile ? '1' : 'auto',
           borderRadius: !isMobile ? '10px' : '0',
           bg: vars('colors-neutral-white'),
-          '>button, >chakra-link': {
+          '>button, >a': {
             borderBottom: isMobile ? `solid 1px ${vars('colors-neutral-platinum')}` : 'none',
           },
         },