From e0bea64175c10c37b8d29a45c04fac3f42f8ada6 Mon Sep 17 00:00:00 2001
From: Scroogey-SN <wiring-slit-hubcap@duck.com>
Date: Tue, 26 Aug 2025 22:12:17 +0000
Subject: [PATCH] fix #2444: div for table scrollbar (#2446)

* fix #2444: div for table scrollbar

* span to div, white-space: nowrap in .css
---
 components/text.js         | 4 ++--
 components/text.module.css | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/text.js b/components/text.js
index 92f998de..d2ac1ab5 100644
--- a/components/text.js
+++ b/components/text.js
@@ -243,9 +243,9 @@ function MediaLink ({
 
 function Table ({ node, ...props }) {
   return (
-    <span className='table-responsive'>
+    <div className='table-responsive'>
       <table className='table table-bordered table-sm' {...props} />
-    </span>
+    </div>
   )
 }
 
diff --git a/components/text.module.css b/components/text.module.css
index fe0b43e4..586e255d 100644
--- a/components/text.module.css
+++ b/components/text.module.css
@@ -241,6 +241,7 @@
 
 .text table {
     width: auto;
+    white-space: nowrap;
 }
 
 .text blockquote {
@@ -448,4 +449,4 @@
     max-width: 480px;
     border-radius: 13px;
     overflow: hidden;
-}
\ No newline at end of file
+}