diff --git a/packages/page-settings/src/Metadata/Extensions.tsx b/packages/page-settings/src/Metadata/Extensions.tsx
index 83300d2aac..35decbe32d 100644
--- a/packages/page-settings/src/Metadata/Extensions.tsx
+++ b/packages/page-settings/src/Metadata/Extensions.tsx
@@ -67,7 +67,7 @@ function Extensions ({ chainInfo, className }: Props): React.ReactElement<Props>
                 />
               </td>
             </tr>
-            <tr className='hasOddRowColoring'>
+            <tr className='isOdd'>
               <td>
                 <Button.Group>
                   <Button
diff --git a/packages/react-components/src/Table/index.tsx b/packages/react-components/src/Table/index.tsx
index 58f4d341c5..a053aa3be5 100644
--- a/packages/react-components/src/Table/index.tsx
+++ b/packages/react-components/src/Table/index.tsx
@@ -291,8 +291,8 @@ export default React.memo(styled(Table)`
     }
 
     tr {
-      &.hasOddRowColoring,
-      &:nth-child(odd) {
+      &.isOdd,
+      &:nth-child(odd):not(.isEven) {
         background: var(--bg-table);
       }