fix(desktop): pre styling

Author: adamdotdevin

packages/ui/src/components/markdown.css

@@ -1,8 +1,7 @@
 [data-component="markdown"] {
   min-width: 0;
   max-width: 100%;
-  overflow: auto;
-  scrollbar-width: none;
+  overflow: hidden;
   color: var(--text-base);
   text-wrap: pretty;
 
@@ -14,10 +13,6 @@
   line-height: var(--line-height-large); /* 166.667% */
   letter-spacing: var(--letter-spacing-normal);
 
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
   h1,
   h2,
   h3 {
@@ -41,4 +36,15 @@
     margin-bottom: 16px;
     border-color: var(--border-weaker-base);
   }
+
+  pre {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+    overflow: auto;
+
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
 }