Merge pull request #318 from dd3tech/fix/aside-modal-v2

Fix(AsideModalV2): Smalls styles adjustments were made to the Aside Modal v2 component

Author: arielsrodriguez

src/components/AsideModalV2/AsideModalV2.tsx

@@ -102,7 +102,7 @@ const AsideModalV2: FC<AsideModalProps> = ({
       <Flex gap="4" className="flex-col">
         <Flex gap="2" alignItems="center" justifyContent="between">
           {description && (
-            <Flex gap="1" alignItems="center">
+            <Flex gap="1" alignItems="center" className="mr-12">
               {description.icon && (
                 <DynamicHeroIcon
                   icon={description.icon}
@@ -239,7 +239,11 @@ const AsideModalV2: FC<AsideModalProps> = ({
               {title}
             </Text>
             {tagTitle && (
-              <Tag variant={tagTitle.variant} text={tagTitle.text} />
+              <Tag
+                variant={tagTitle?.variant}
+                text={tagTitle?.text}
+                fontSize="small"
+              />
             )}
           </Flex>
           <ShapeButton.CircleButton

src/stories/AsideModalV2.stories.tsx

@@ -33,12 +33,12 @@ const sampleButtons: ModalButton[] = [
     label: 'Cancel',
     variant: 'secondary',
     onClick: () => console.log('Cancel clicked')
-  },
+  } as ModalButton,
   {
     label: 'Save',
     variant: 'primary',
     onClick: () => console.log('Save clicked')
-  }
+  } as ModalButton
 ]
 
 const Template: ComponentStory<typeof AsideModalComponent> = (args) => {