diff --git a/packages/web/styles/articleInnerStyling.css b/packages/web/styles/articleInnerStyling.css
index a16425fba..7f1ae2382 100644
--- a/packages/web/styles/articleInnerStyling.css
+++ b/packages/web/styles/articleInnerStyling.css
@@ -186,7 +186,7 @@ on smaller screens we display the note icon
   display: block;
   word-break: normal;
   white-space: nowrap;
-  border: 1px solid rgb(216, 216, 216);
+
   border-spacing: 0;
   border-collapse: collapse;
   font-size: 0.8rem;
@@ -200,16 +200,6 @@ on smaller screens we display the note icon
   caption {
     margin: 0.5em 0;
   }
-  th {
-    border: 1px solid rgb(216, 216, 216);
-    background-color: var(--table-header-color);
-    padding: 5px;
-  }
-  td {
-    border: 1px solid rgb(216, 216, 216);
-    padding: 0.5em;
-    padding: 5px;
-  }
 
   p {
     margin: 0;
@@ -223,6 +213,24 @@ on smaller screens we display the note icon
   }
 }
 
+.article-inner-css table th {
+  padding: 5px;
+
+  text-align: center;
+  vertical-align: middle;
+  border-color: var(--colors-thTextSubtle3);
+  border-style: solid;
+  border-width: 1px;
+}
+.article-inner-css table td {
+  text-align: center;
+  vertical-align: middle;
+  border-color: var(--colors-thTextSubtle3);
+  border-style: solid;
+  border-width: 1px;
+  padding: 10px;
+}
+
 .article-inner-css ul,
 .article-inner-css ol {
   margin-block-start: 1em;