fix: example card alignment

razorpay · Sep 13, 2024 · 6cf035f · 6cf035f
1 parent 4ba8b14
commit 6cf035f
Showing 1 changed file with 5 additions and 9 deletions.
diff --git a/packages/blade/src/components/Card/Card.stories.tsx b/packages/blade/src/components/Card/Card.stories.tsx
@@ -490,15 +490,11 @@ export const InternalCardExample = React.forwardRef((_, ref) => {
         <CardHeaderTrailing visual={<CardHeaderBadge color="positive">NEW</CardHeaderBadge>} />
       </CardHeader>
       <CardBody>
-        <Box position="relative" overflow="hidden">
-          <Box maxWidth="200px">
-            <Text position="relative" zIndex={1}>
-              Create Razorpay Payments Links and share them with your customers from the Razorpay
-              Dashboard or using APIs and start accepting payments. Check the advantages, payment
-              methods, international currency support and more.
-            </Text>
-          </Box>
-        </Box>
+        <Text position="relative" zIndex={1}>
+          Create Razorpay Payments Links and share them with your customers from the Razorpay
+          Dashboard or using APIs and start accepting payments. Check the advantages, payment
+          methods, international currency support and more.
+        </Text>
       </CardBody>
       <CardFooter marginTop="spacing.4" paddingTop="spacing.4">
         <CardFooterTrailing