fix(fuselage): List style affecting other components (#727)

Author: gabriellsh

packages/fuselage/src/components/Message/Messages.styles.scss

@@ -168,6 +168,32 @@ $message-background-color-highlight: functions.theme(
 
     color: colors.neutral(800);
 
+    & ul,
+    ol {
+      margin: 0;
+      padding-block-start: lengths.padding(4);
+      padding-block-end: 0;
+      padding-inline: 0;
+
+      list-style: none;
+    }
+
+    & ul li::before {
+      padding: 0 lengths.padding(8);
+
+      content: '•';
+
+      font-weight: bold;
+    }
+
+    & ol li::before {
+      padding: 0 lengths.padding(8);
+
+      content: attr(value) '.';
+
+      font-weight: bold;
+    }
+
     &--clamp {
       display: -webkit-box;
       overflow: hidden;
@@ -207,32 +233,6 @@ $message-background-color-highlight: functions.theme(
     }
   }
 
-  & ul,
-  ol {
-    margin: 0;
-    padding-block-start: lengths.padding(4);
-    padding-block-end: 0;
-    padding-inline: 0;
-
-    list-style: none;
-  }
-
-  & ul li::before {
-    padding: 0 lengths.padding(8);
-
-    content: '•';
-
-    font-weight: bold;
-  }
-
-  & ol li::before {
-    padding: 0 lengths.padding(8);
-
-    content: attr(value) '.';
-
-    font-weight: bold;
-  }
-
   &__emoji {
     display: inline-block;