Removing not needed flex

Author: Jialecl

apps/website/screens/theme-generator/components/LandingCards.tsx

@@ -3,10 +3,8 @@ import { DxcContainer, DxcFlex, DxcTypography, DxcAvatar } from "@dxc-technology
 const LandingCard = ({ icon, title, description }: { icon: string; title: string; description: string }) => {
   return (
     <DxcContainer width="345px" padding="var(--spacing-padding-m)" boxShadow="var(--shadow-100)">
-      <DxcFlex direction="column" gap="var(--spacing-gap-ml)" justifyContent="center">
-        <DxcFlex>
-          <DxcAvatar icon={icon} color="primary" size="large" shape="square" />
-        </DxcFlex>
+      <DxcFlex direction="column" gap="var(--spacing-gap-ml)" justifyContent="center" alignItems="start">
+        <DxcAvatar icon={icon} color="primary" size="large" shape="square" />
         <DxcFlex direction="column" gap="var(--spacing-gap-xs)">
           <DxcTypography fontWeight="var(--typography-title-bold)">{title}</DxcTypography>
           <DxcTypography fontSize="var(--typography-body-s)">{description}</DxcTypography>