From 2bfdec82d7c9a07a84d55b6540b21e90d9ed9b38 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sun, 26 Apr 2026 14:05:30 +0800
Subject: [PATCH] fix(theme): fix  table horizontal overflow on narrow screens
 (#895)

---
 plugins/plugin-md-power/src/client/components/VPTable.vue | 1 +
 theme/src/client/styles/content.css                       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/plugins/plugin-md-power/src/client/components/VPTable.vue b/plugins/plugin-md-power/src/client/components/VPTable.vue
index eaddb793..66be8575 100644
--- a/plugins/plugin-md-power/src/client/components/VPTable.vue
+++ b/plugins/plugin-md-power/src/client/components/VPTable.vue
@@ -110,6 +110,7 @@ function onCopy(type: 'html' | 'md') {
 }
 
 .vp-table .table-container table {
+  display: table;
   margin: 0;
 }
 
diff --git a/theme/src/client/styles/content.css b/theme/src/client/styles/content.css
index 0e01a4c8..2ee1568b 100644
--- a/theme/src/client/styles/content.css
+++ b/theme/src/client/styles/content.css
@@ -211,7 +211,7 @@
  * Table
  * -------------------------------------------------------------------------- */
 .vp-doc table {
-  display: table;
+  display: block;
   margin: 20px 0;
   overflow-x: auto;
   border-collapse: collapse;