fix: adjust table scaling

components/MyPages/Blocks/Points/EarnAndBurn/index.tsx

@@ -72,7 +72,7 @@ function EarnAndBurn({ lang }: EarnAndBurnProps) {
       </Button> */}
     </div>
   ) : (
-    <div>
+    <div className={styles.container}>
       <table className={styles.table}>
         <thead className={styles.thead}>
           <tr>
@@ -83,10 +83,14 @@ function EarnAndBurn({ lang }: EarnAndBurnProps) {
             ))}
           </tr>
         </thead>
+        <tbody>
+          <tr>
+            <td colSpan={tableHeadings.length} className={styles.placeholder}>
+              {_("No transactions available")}
+            </td>
+          </tr>
+        </tbody>
       </table>
-      <div className={styles.emptyPlaceholder}>
-        {_("No transactions available")}
-      </div>
     </div>
   )
 }