From 2212071ae375f6e3c9d6bbac6571a3ab4965b781 Mon Sep 17 00:00:00 2001
From: Ehsan Heydari <19144304+ehsan-github@users.noreply.github.com>
Date: Wed, 6 Sep 2023 12:49:07 +0200
Subject: [PATCH] Feat move expandable card to bottom of the card (#502)

* style(card): make expandable icon apear at the bottom of the card instead of bottom-right

* new build
---
 dist/index.mjs                | 2 +-
 src/components/card/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/dist/index.mjs b/dist/index.mjs
index 1a7a0c431..a5d635b0b 100644
--- a/dist/index.mjs
+++ b/dist/index.mjs
@@ -7814,7 +7814,7 @@ const yn = ({ primary: t, sx: e, ...n }) => /* @__PURE__ */ h.jsx(
               {
                 icon: c ? ze.arrow_up : ze.arrow_down,
                 onClick: u,
-                sx: { cursor: "pointer", mr: "-31px" }
+                sx: { cursor: "pointer", mb: "-31px" }
               }
             )
           }
diff --git a/src/components/card/index.tsx b/src/components/card/index.tsx
index 1571ece81..4599f5537 100644
--- a/src/components/card/index.tsx
+++ b/src/components/card/index.tsx
@@ -92,7 +92,7 @@ const Card = ({
           <IconButton
             icon={expanded ? IconName.arrow_up : IconName.arrow_down}
             onClick={toggleExpanded}
-            sx={{ cursor: 'pointer', mr: '-31px' }}
+            sx={{ cursor: 'pointer', mb: '-31px' }}
           />
         </Flex>
       )}