docs(mui-block-ui): cleanup paragraph spacing

Availity · Oct 29, 2024 · cc99c8e · cc99c8e
1 parent 3bae15f
commit cc99c8e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/block-ui/src/lib/BlockUi.stories.tsx b/packages/block-ui/src/lib/BlockUi.stories.tsx
@@ -28,7 +28,7 @@ export const _BlockUi: StoryObj<typeof BlockUi> = {
         <BlockUi {...args} blocking={blocking}>
           <Paper sx={{ padding: '1.5rem', minHeight: '250px' }}>
             <Typography variant="h1">Header</Typography>
-            <Typography component="p">
+            <Typography sx={{ marginBottom: '16px' }}>
               Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sem mauris, sollicitudin sit amet
               lacus vel, sollicitudin tincidunt mi. Mauris risus nisi, sagittis id augue sit amet, venenatis volutpat
               dui. Etiam commodo vel lectus eget ornare. Donec laoreet urna eu velit condimentum viverra. Curabitur ut
@@ -37,15 +37,15 @@ export const _BlockUi: StoryObj<typeof BlockUi> = {
               vel laoreet sollicitudin, massa lacus ultricies lectus, quis rutrum odio orci vitae turpis. Donec rhoncus
               dui nec ex porta, vel porta odio suscipit.
             </Typography>
-            <Typography component="p">
+            <Typography sx={{ marginBottom: '16px' }}>
               Vestibulum nec lectus ac metus semper tempus. Aliquam porttitor odio at eros condimentum lobortis. Mauris
               lectus nibh, feugiat sit amet metus at, auctor placerat enim. Mauris finibus elit vel orci tincidunt
               euismod. Duis mollis dolor lectus, nec rutrum nisi porta pharetra. Mauris dictum aliquet diam et molestie.
               In hac habitasse platea dictumst. Quisque pulvinar semper diam, ut euismod felis congue ut. Integer eget
               tortor a justo volutpat pellentesque. Duis a egestas arcu, sed bibendum ipsum. Duis rhoncus nulla nec
               euismod venenatis. Praesent tincidunt neque vitae justo commodo, sed sollicitudin ante iaculis.
             </Typography>
-            <Typography component="p">
+            <Typography sx={{ marginBottom: '16px' }}>
               Duis eu lorem scelerisque, lacinia nulla quis, tristique ex. Integer ipsum nisl, consectetur vel rhoncus
               vel, scelerisque nec justo. Cras bibendum tempor magna, non dictum quam facilisis eget. Curabitur nec odio
               nec leo dapibus commodo a sed sem. Suspendisse accumsan sollicitudin ante, vel rutrum orci blandit ut.
@@ -57,7 +57,7 @@ export const _BlockUi: StoryObj<typeof BlockUi> = {
               Vestibulum imperdiet, urna a tempor efficitur, nibh nulla efficitur leo, id faucibus tortor quam a erat.
               Ut eget purus augue.
             </Typography>
-            <Typography component="p">
+            <Typography sx={{ marginBottom: '16px' }}>
               Maecenas dapibus sollicitudin gravida. Nunc bibendum erat id est tincidunt varius. Nullam nulla ante,
               fringilla a suscipit in, commodo sed sapien. Morbi id ornare nibh. Orci varius natoque penatibus et magnis
               dis parturient montes, nascetur ridiculus mus. Etiam tincidunt ipsum id mi lacinia, at placerat mi