From 95c481a65b1f5217c143bf470066160180efc11b Mon Sep 17 00:00:00 2001
From: avivkeller <me@aviv.sh>
Date: Sun, 9 Aug 2026 15:32:08 -0400
Subject: [PATCH] chore(qol): CSS changes

---
 .changeset/large-pandas-refuse.md                          | 5 +++++
 .../src/Common/ChangeHistory/index.module.css              | 7 ++++---
 .../src/Common/TableOfContents/index.module.css            | 4 +---
 .../ui-components/src/Containers/MetaBar/index.module.css  | 4 +---
 .../ui-components/src/Containers/Sidebar/index.module.css  | 1 +
 packages/ui-components/src/styles/markdown.css             | 4 +++-
 packages/ui-components/src/styles/theme.css                | 2 +-
 7 files changed, 16 insertions(+), 11 deletions(-)
 create mode 100644 .changeset/large-pandas-refuse.md

diff --git a/.changeset/large-pandas-refuse.md b/.changeset/large-pandas-refuse.md
new file mode 100644
index 0000000000000..c4da82a01ab37
--- /dev/null
+++ b/.changeset/large-pandas-refuse.md
@@ -0,0 +1,5 @@
+---
+'@node-core/ui-components': patch
+---
+
+Quality-of-life style improvements
diff --git a/packages/ui-components/src/Common/ChangeHistory/index.module.css b/packages/ui-components/src/Common/ChangeHistory/index.module.css
index 91241657f5d18..0fbfc01add394 100644
--- a/packages/ui-components/src/Common/ChangeHistory/index.module.css
+++ b/packages/ui-components/src/Common/ChangeHistory/index.module.css
@@ -32,7 +32,8 @@
     z-50
     mt-1
     max-h-80
-    w-52
+    w-[26rem]
+    max-w-[calc(100vw-2rem)]
     overflow-hidden
     rounded-sm
     border
@@ -45,7 +46,7 @@
 
 .dropdownContentInner {
   @apply max-h-80
-    w-52
+    w-full
     overflow-y-auto;
 }
 
@@ -64,7 +65,7 @@
   &:hover,
   &:focus-visible {
     @apply bg-brand-600
-      text-white;
+      text-white!;
   }
 }
 
diff --git a/packages/ui-components/src/Common/TableOfContents/index.module.css b/packages/ui-components/src/Common/TableOfContents/index.module.css
index eac5bd455be23..5416aaff3f998 100644
--- a/packages/ui-components/src/Common/TableOfContents/index.module.css
+++ b/packages/ui-components/src/Common/TableOfContents/index.module.css
@@ -41,7 +41,6 @@
   .link {
     @apply inline-block
       text-sm
-      font-semibold
       text-neutral-900
       underline
       hover:text-neutral-700
@@ -50,8 +49,7 @@
   }
 
   .codeLink {
-    @apply font-ibm-plex-mono
-      font-medium;
+    @apply font-ibm-plex-mono;
   }
 
   .depthThree {
diff --git a/packages/ui-components/src/Containers/MetaBar/index.module.css b/packages/ui-components/src/Containers/MetaBar/index.module.css
index f06fc547e2668..e04db496a7c64 100644
--- a/packages/ui-components/src/Containers/MetaBar/index.module.css
+++ b/packages/ui-components/src/Containers/MetaBar/index.module.css
@@ -48,7 +48,6 @@
     a {
       @apply max-ml:inline-block
         max-ml:py-1
-        font-semibold
         text-neutral-900
         underline
         dark:text-white;
@@ -60,8 +59,7 @@
     }
 
     a.codeLink {
-      @apply font-ibm-plex-mono
-        font-medium;
+      @apply font-ibm-plex-mono;
     }
 
     ol {
diff --git a/packages/ui-components/src/Containers/Sidebar/index.module.css b/packages/ui-components/src/Containers/Sidebar/index.module.css
index b9a5c3595664d..4bb1f000882f3 100644
--- a/packages/ui-components/src/Containers/Sidebar/index.module.css
+++ b/packages/ui-components/src/Containers/Sidebar/index.module.css
@@ -4,6 +4,7 @@
   @apply ml:max-w-xs
     ml:overflow-auto
     ml:border-r
+    ml:pb-10
     scrollbar-thin
     z-0
     flex
diff --git a/packages/ui-components/src/styles/markdown.css b/packages/ui-components/src/styles/markdown.css
index 2c706f9552113..c426cb0a4fc26 100644
--- a/packages/ui-components/src/styles/markdown.css
+++ b/packages/ui-components/src/styles/markdown.css
@@ -41,8 +41,10 @@ main {
   h4,
   h5,
   h6 {
-    @apply font-semibold
+    @apply mt-4
+      font-semibold
       text-neutral-900
+      first:mt-0
       dark:text-white;
 
     &[id] a {
diff --git a/packages/ui-components/src/styles/theme.css b/packages/ui-components/src/styles/theme.css
index 1337537775226..15455b88e5f59 100644
--- a/packages/ui-components/src/styles/theme.css
+++ b/packages/ui-components/src/styles/theme.css
@@ -7,7 +7,7 @@
 @theme {
   --container-8xl: 88rem;
   --container-9xl: 96rem;
-  --container-10xl: 104rem;
+  --container-10xl: 110rem;
   --container-11xl: 112rem;
   --container-12xl: 120rem;
   --breakpoint-ml: 896px;