diff --git a/components/blog/BlogTableOfContents.tsx b/components/blog/BlogTableOfContents.tsx
index 9dd59c2..cb091da 100644
--- a/components/blog/BlogTableOfContents.tsx
+++ b/components/blog/BlogTableOfContents.tsx
@@ -154,7 +154,7 @@ export function BlogTableOfContents({ headings }: BlogTableOfContentsProps) {
               key={heading.id}
               ref={activeId === heading.id ? activeButtonRef : null}
               onClick={() => handleClick(heading.id)}
-              className={`block w-full text-left text-sm py-1.5 border-l-2 transition-colors ${
+              className={`block w-full text-left text-sm py-1.5 transition-colors [border-top-width:0]! [border-right-width:0]! [border-bottom-width:0]! [border-left-width:revert]! ${
                 heading.type === "heading_1"
                   ? "pl-2"
                   : heading.type === "heading_2"
diff --git a/components/notion/Table.tsx b/components/notion/Table.tsx
index 9de62cf..ce2973f 100644
--- a/components/notion/Table.tsx
+++ b/components/notion/Table.tsx
@@ -9,11 +9,11 @@ export function NotionTable({ block }: NotionTableProps) {
   if (!block.tableRows || block.tableRows.length === 0) return null;
 
   return (
-    <div className="my-8 overflow-x-auto rounded-xl border border-(--color-prose-table-borders) bg-base">
+    <div className="my-8 overflow-x-auto rounded-xl border border-border/20 bg-base [border-width:revert]!">
       <table className="w-full border-collapse">
         {block.hasColumnHeader && block.tableRows.length > 0 && (
           <thead className="bg-surface-elevated">
-            <tr className="border-b border-(--color-prose-table-borders)">
+            <tr className="border-b border-border/15 [border-width:revert]! [border-top-width:0]! [border-left-width:0]! [border-right-width:0]!">
               {block.tableRows[0].cells.map((cell, cellIdx) => (
                 <th
                   key={cellIdx}
@@ -31,7 +31,7 @@ export function NotionTable({ block }: NotionTableProps) {
             .map((row, rowIdx) => (
               <tr
                 key={rowIdx}
-                className="border-b border-(--color-prose-table-borders) last:border-b-0"
+                className="border-b border-border/10 last:border-b-0 [border-width:revert]! [border-top-width:0]! [border-left-width:0]! [border-right-width:0]!"
               >
                 {row.cells.map((cell, cellIdx) => {
                   const isRowHeader = block.hasRowHeader && cellIdx === 0;