From 1c3fedb5275951ed064f422b1fbfce191b73642f Mon Sep 17 00:00:00 2001
From: Dimitri POSTOLOV <en3m@ya.ru>
Date: Mon, 24 Oct 2022 14:09:08 +0200
Subject: [PATCH] add missing `nx-` prefixes to table/th/tr elements (#921)

---
 .changeset/khaki-ties-wink.md            | 7 +++++++
 packages/nextra/src/components/table.tsx | 2 +-
 packages/nextra/src/components/th.tsx    | 2 +-
 packages/nextra/src/components/tr.tsx    | 4 ++--
 4 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/khaki-ties-wink.md

diff --git a/.changeset/khaki-ties-wink.md b/.changeset/khaki-ties-wink.md
new file mode 100644
index 0000000000..5627d644e3
--- /dev/null
+++ b/.changeset/khaki-ties-wink.md
@@ -0,0 +1,7 @@
+---
+'nextra': patch
+'nextra-theme-blog': patch
+'nextra-theme-docs': patch
+---
+
+add missing `nx-` prefixes to table/th/tr elements
diff --git a/packages/nextra/src/components/table.tsx b/packages/nextra/src/components/table.tsx
index 4d4453b2b4..f7e7ed4ebf 100644
--- a/packages/nextra/src/components/table.tsx
+++ b/packages/nextra/src/components/table.tsx
@@ -4,5 +4,5 @@ export const Table = ({
   className = '',
   ...props
 }: ComponentProps<'table'>) => (
-  <table className={'block overflow-x-scroll ' + className} {...props} />
+  <table className={'nx-block nx-overflow-x-scroll ' + className} {...props} />
 )
diff --git a/packages/nextra/src/components/th.tsx b/packages/nextra/src/components/th.tsx
index 477e5eea3f..9f506d251c 100644
--- a/packages/nextra/src/components/th.tsx
+++ b/packages/nextra/src/components/th.tsx
@@ -2,7 +2,7 @@ import React, { ComponentProps } from 'react'
 
 export const Th = (props: ComponentProps<'th'>) => (
   <th
-    className="m-0 border border-gray-300 px-4 py-2 dark:border-gray-600 font-semibold"
+    className="nx-m-0 nx-border nx-border-gray-300 nx-px-4 nx-py-2 dark:nx-border-gray-600 nx-font-semibold"
     {...props}
   />
 )
diff --git a/packages/nextra/src/components/tr.tsx b/packages/nextra/src/components/tr.tsx
index 2e3db11a49..16998fdccc 100644
--- a/packages/nextra/src/components/tr.tsx
+++ b/packages/nextra/src/components/tr.tsx
@@ -3,8 +3,8 @@ import React, { ComponentProps } from 'react'
 export const Tr = (props: ComponentProps<'tr'>) => (
   <tr
     className={
-      'm-0 border-t border-gray-300 p-0 dark:border-gray-600 ' +
-      'even:bg-gray-100 even:dark:bg-gray-600/20'
+      'nx-m-0 nx-border-t nx-border-gray-300 nx-p-0 dark:nx-border-gray-600 ' +
+      'even:nx-bg-gray-100 even:dark:nx-bg-gray-600/20'
     }
     {...props}
   />