fix: update list alignment styles (#402)

* fix: update list alignment styles

* chore: increase specificity

packages/example/src/pages/components/markdown.mdx

@@ -93,6 +93,13 @@ Strikethrough uses two tildes. ~~Scratch this.~~
    1. Nested list item
 3. In markdown, the actual numbers don't matter, just that it's a number
 4. In markdown, the actual numbers don't matter, just that it's a number
+5. In markdown, the actual numbers don't matter, just that it's a number
+6. In markdown, the actual numbers don't matter, just that it's a number
+7. In markdown, the actual numbers don't matter, just that it's a number
+8. In markdown, the actual numbers don't matter, just that it's a number
+9. In markdown, the actual numbers don't matter, just that it's a number
+10. In markdown, the actual numbers don't matter, just that it's a number
+11. In markdown, the actual numbers don't matter, just that it's a number
 
 **Nested lists**
 

packages/gatsby-theme-carbon/src/components/markdown/Markdown.module.scss

@@ -81,11 +81,16 @@
   margin-bottom: $spacing-06;
 }
 
-.list-item {
+:global(.bx--list--ordered) .list-item,
+:global(.bx--list--unordered) .list-item {
   @include carbon--type-style('body-long-02');
   padding-right: 0;
-  margin: 0;
   width: 100%;
+  padding-left: $spacing-05;
+}
+
+:global(.container--dark) :global(.bx--list__item) {
+  color: $carbon--white-0;
 }
 
 //---------------------------------------
@@ -170,10 +175,3 @@
   margin-top: $spacing-04;
   @include carbon--type-style('heading-01');
 }
-
-//---------------------------------------
-// Lists
-//---------------------------------------
-:global(.container--dark) :global(.bx--list__item) {
-  color: $carbon--white-0;
-}