diff --git a/.changeset/tame-worms-march.md b/.changeset/tame-worms-march.md
new file mode 100644
index 0000000000..5bd25843dc
--- /dev/null
+++ b/.changeset/tame-worms-march.md
@@ -0,0 +1,5 @@
+---
+'gitbook': minor
+---
+
+Improve readability of tables with hover style and vertical dividers
diff --git a/packages/gitbook/src/components/DocumentView/Table/table.module.css b/packages/gitbook/src/components/DocumentView/Table/table.module.css
index 7963ebd5f0..1421b0eac4 100644
--- a/packages/gitbook/src/components/DocumentView/Table/table.module.css
+++ b/packages/gitbook/src/components/DocumentView/Table/table.module.css
@@ -27,7 +27,7 @@
 }
 
 .columnHeader {
-    @apply text-sm font-medium py-3 px-4 text-tint-900;
+    @apply text-sm font-medium py-2 px-4 text-tint-900;
 }
 
 :global(.dark) .columnHeader {
@@ -35,7 +35,7 @@
 }
 
 .row {
-    @apply flex border-tint-700/2;
+    @apply flex border-tint-700/2 hover:bg-tint-700/2 transition-colors;
 }
 
 :global(.dark) .row {
@@ -43,7 +43,7 @@
 }
 
 .rowGroup {
-    @apply flex flex-col border rounded-lg bg-tint-800/1 border-tint-700/2;
+    @apply flex flex-col border rounded-lg bg-tint-800/1 border-tint-700/2 mb-1;
 }
 
 :global(.dark) .rowGroup {
@@ -51,9 +51,13 @@
 }
 
 .cell {
-    @apply flex-1 align-middle border-dark/2 py-2 px-4 text-sm;
+    @apply flex-1 align-middle border-tint-700/2 py-2 px-4 text-sm relative;
+}
+
+.cell:not(:last-child) {
+    @apply border-r;
 }
 
 :global(.dark) .cell {
-    @apply border-light/2;
+    @apply border-tint-300/3;
 }