From 529c4eb38af2fc0b0058b0bd941dc9c5535cc9a2 Mon Sep 17 00:00:00 2001
From: Xaviju <xavier.julian@kaleidos.net>
Date: Mon, 1 Dec 2025 11:37:37 +0100
Subject: [PATCH] :lipstick: Avoid code tab overflow (#7854)

---
 frontend/src/app/main/ui/inspect/code.scss          |  1 -
 frontend/src/app/main/ui/inspect/right_sidebar.scss |  6 ++----
 frontend/src/app/main/ui/inspect/styles.scss        | 11 +++++++++++
 3 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/app/main/ui/inspect/styles.scss

diff --git a/frontend/src/app/main/ui/inspect/code.scss b/frontend/src/app/main/ui/inspect/code.scss
index 11257db66d..7f88871edc 100644
--- a/frontend/src/app/main/ui/inspect/code.scss
+++ b/frontend/src/app/main/ui/inspect/code.scss
@@ -14,7 +14,6 @@
   padding-bottom: deprecated.$s-16;
   overflow-y: auto;
   overflow-x: hidden;
-  scrollbar-gutter: stable;
   padding-inline: var(--sp-m);
 }
 
diff --git a/frontend/src/app/main/ui/inspect/right_sidebar.scss b/frontend/src/app/main/ui/inspect/right_sidebar.scss
index 84ec4ec31b..d3dede9ffa 100644
--- a/frontend/src/app/main/ui/inspect/right_sidebar.scss
+++ b/frontend/src/app/main/ui/inspect/right_sidebar.scss
@@ -30,8 +30,8 @@
 
 .tool-windows {
   block-size: 100%;
-  display: flex;
-  flex-direction: column;
+  display: grid;
+  grid-template-rows: auto 1fr;
   gap: var(--sp-s);
 }
 
@@ -150,7 +150,6 @@
 }
 
 .inspect-content {
-  flex: 1;
   overflow: hidden;
 }
 
@@ -158,6 +157,5 @@
   --tabs-nav-padding-inline-start: 0;
   --tabs-nav-padding-inline-end: var(--sp-m);
 
-  block-size: calc(100vh - px2rem(200)); // TODO: Fix this hardcoded value
   overflow: auto;
 }
diff --git a/frontend/src/app/main/ui/inspect/styles.scss b/frontend/src/app/main/ui/inspect/styles.scss
new file mode 100644
index 0000000000..1c1c4e6871
--- /dev/null
+++ b/frontend/src/app/main/ui/inspect/styles.scss
@@ -0,0 +1,11 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/.
+//
+// Copyright (c) KALEIDOS INC
+
+@use "ds/_utils.scss" as *;
+
+.styles-tab {
+  block-size: calc(100vh - px2rem(200)); // TODO: Fix this hardcoded value
+}