From e6a2c9bb707133652a59d940c2d7c22ef729e208 Mon Sep 17 00:00:00 2001
From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com>
Date: Thu, 26 Feb 2026 21:03:33 +0900
Subject: [PATCH 1/3] use stretch

---
 stylesheets/commons/Table2.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/stylesheets/commons/Table2.scss b/stylesheets/commons/Table2.scss
index 4cbad5af140..cd829e69f1c 100644
--- a/stylesheets/commons/Table2.scss
+++ b/stylesheets/commons/Table2.scss
@@ -18,12 +18,15 @@ $table2-cell-padding-x: 0.75rem;
 
 .table2 {
 	display: block;
-	width: fit-content;
-	max-width: 100%;
+	width: stretch;
 	border: 1px solid;
 	border-radius: $table2-radius;
 	overflow: hidden;
 
+	@supports not ( width: stretch ) {
+		width: -webkit-fill-available;
+	}
+
 	@include table2-surface-colors();
 
 	&__container {

From a287076602e182fce7df8ebe39a65ca22515546c Mon Sep 17 00:00:00 2001
From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com>
Date: Thu, 26 Feb 2026 21:10:02 +0900
Subject: [PATCH 2/3] make scroll bars look nicer

---
 stylesheets/commons/Table2.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/stylesheets/commons/Table2.scss b/stylesheets/commons/Table2.scss
index cd829e69f1c..c39868a50ec 100644
--- a/stylesheets/commons/Table2.scss
+++ b/stylesheets/commons/Table2.scss
@@ -7,12 +7,14 @@ $table2-cell-padding-x: 0.75rem;
 		background-color: var( --clr-background, #ffffff );
 		border-color: var( --clr-on-surface-light-primary-12 );
 		color: var( --clr-secondary-16 );
+		color-scheme: light;
 	}
 
 	.theme--dark & {
 		background-color: var( --clr-background, #121212 );
 		border-color: var( --clr-on-surface-dark-primary-12 );
 		color: var( --clr-secondary-100 );
+		color-scheme: dark;
 	}
 }
 

From 7f60db49993dadfa50940f03336db6f6c7fcd54a Mon Sep 17 00:00:00 2001
From: ElectricalBoy <15651807+ElectricalBoy@users.noreply.github.com>
Date: Fri, 27 Feb 2026 10:45:07 +0900
Subject: [PATCH 3/3] use max-width: stretch

---
 stylesheets/commons/Table2.scss | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/stylesheets/commons/Table2.scss b/stylesheets/commons/Table2.scss
index c39868a50ec..ceb6872ebab 100644
--- a/stylesheets/commons/Table2.scss
+++ b/stylesheets/commons/Table2.scss
@@ -20,13 +20,18 @@ $table2-cell-padding-x: 0.75rem;
 
 .table2 {
 	display: block;
-	width: stretch;
+	width: fit-content;
+	max-width: stretch;
 	border: 1px solid;
 	border-radius: $table2-radius;
 	overflow: hidden;
 
-	@supports not ( width: stretch ) {
-		width: -webkit-fill-available;
+	@supports not ( max-width: stretch ) {
+		max-width: -webkit-fill-available;
+
+		@supports not ( max-width: -webkit-fill-available ) {
+			max-width: 100%;
+		}
 	}
 
 	@include table2-surface-colors();