diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
index 198aa53cf7d7f..9b2934cbb3f4d 100644
--- a/packages/ui-components/package.json
+++ b/packages/ui-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@node-core/ui-components",
-  "version": "1.5.8",
+  "version": "1.5.9",
   "type": "module",
   "exports": {
     "./*": [
diff --git a/packages/ui-components/src/Containers/Article/index.module.css b/packages/ui-components/src/Containers/Article/index.module.css
index 21c58515f0aa3..b05761be620d8 100644
--- a/packages/ui-components/src/Containers/Article/index.module.css
+++ b/packages/ui-components/src/Containers/Article/index.module.css
@@ -19,7 +19,8 @@
     @apply [grid-area:sidebar]
       lg:sticky
       lg:top-0
-      lg:h-[100vh]
+      lg:max-h-screen
+      lg:self-stretch
       lg:overflow-y-auto;
   }
 
diff --git a/packages/ui-components/src/Containers/Sidebar/index.module.css b/packages/ui-components/src/Containers/Sidebar/index.module.css
index 67873b65391f5..89147a83fc52b 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 flex
     w-full
     flex-col
+    items-start
     gap-8
     border-r-0
     border-neutral-200
@@ -20,6 +21,10 @@
   .navigation {
     @apply hidden
       sm:flex;
+
+    &:last-child {
+      @apply pb-12;
+    }
   }
 
   .mobileSelect {