Align SecondaryIconsContainer vertically

kausaltech · Jan 14, 2025 · a250cbd · a250cbd
1 parent b2b5737
commit a250cbd
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/components/actions/ActionCard.tsx b/components/actions/ActionCard.tsx
@@ -65,6 +65,9 @@ const SecondaryIcon = styled(SVG)`
 `;
 
 const SecondaryIconsContainer = styled.div`
+  display: flex;
+  justify-content: flex-end;
+  margin-top: auto;
   text-align: right;
   padding: 0 ${(props) => props.theme.spaces.s050}
     ${(props) => props.theme.spaces.s050};
@@ -75,6 +78,9 @@ const ActionCardElement = styled.div<{
   $isHighlighted: boolean;
 }>`
   position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
   width: 100%;
   background: ${(props) => props.theme.themeColors.white};
   border-width: ${(props) => props.theme.cardBorderWidth};