chore: update indicator stories

razorpay · Jul 11, 2024 · 58c72ff · 58c72ff
1 parent 7a8e4c6
commit 58c72ff
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 7 deletions.
diff --git a/packages/blade/src/components/Avatar/docs/Avatar.stories.tsx b/packages/blade/src/components/Avatar/docs/Avatar.stories.tsx
@@ -121,15 +121,15 @@ const AvatarSizesTemplate: StoryFn<typeof AvatarComponent> = (args) => {
           flex="1 1 auto"
           alignItems="center"
           justifyItems="center"
-          alignContent="start"
+          alignContent="center"
           gap="spacing.5"
           flexWrap="nowrap"
           width="120px"
         >
           <Box width="50px">
             <Heading>{size}</Heading>
           </Box>
-          <Box display="flex" flex="1 1 auto" justifyContent="flex-start">
+          <Box display="flex" flex="1 1 auto" justifyContent="center">
             <AvatarComponent {...args} size={size} />
           </Box>
         </Box>

diff --git a/packages/blade/src/components/Indicator/Indicator.stories.tsx b/packages/blade/src/components/Indicator/Indicator.stories.tsx
@@ -98,7 +98,7 @@ export const Composition: StoryFn<typeof IndicatorComponent> = ({ ...args }) =>
         {...args}
         position="absolute"
         top={isReactNative ? '-8px' : '-4px'}
-        right="-8px"
+        right="-4px"
         zIndex={10}
       />
       <Button>Get started</Button>

diff --git a/packages/blade/src/components/StepGroup/StepItemMarker.tsx b/packages/blade/src/components/StepGroup/StepItemMarker.tsx
@@ -52,7 +52,6 @@ const StepItemIndicator = ({ color }: { color: IndicatorProps['color'] }): React
     >
       <Indicator
         position="relative"
-        marginLeft="spacing.2"
         color={color}
         size={size}
         accessibilityLabel={`${color} indicator`}