diff --git a/app/globals.css b/app/globals.css
index 385b908..21cd7f2 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -103,6 +103,21 @@ textarea {
 	background-color: transparent !important;
 }
 
+.bn-preview.bn-editor {
+	padding-inline: 0 !important;
+}
+
+.bn-preview table {
+	border-collapse: collapse;
+	table-layout: fixed;
+	width: 100%;
+}
+
+.dark .bn-preview [data-content-type=table] th,
+.dark .bn-preview [data-content-type=table] td {
+	border-color: hsl(var(--border));
+}
+
 @media screen and (max-width: 768px) {
 	.cl-userPreview {
 		gap: 0rem;
diff --git a/components/core/html-view.tsx b/components/core/html-view.tsx
index 0b782d3..003662d 100644
--- a/components/core/html-view.tsx
+++ b/components/core/html-view.tsx
@@ -12,7 +12,7 @@ export const HtmlPreview = ({ content }: { content: string }) => {
 		<>
 			<div
 				ref={containerRef}
-				className="block"
+				className="bn-editor bn-default-styles bn-preview"
 				suppressHydrationWarning
 				// biome-ignore lint/security/noDangerouslySetInnerHtml: Using DOMPurify for sanitization
 				dangerouslySetInnerHTML={{ __html: content }}