diff --git a/public/css/style.scss b/public/css/style.scss
index 32eba6cc6..f3383dcde 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -2188,6 +2188,17 @@ key {
     justify-self: center;
   }
 
+  .doublegroup{
+    display: grid;
+    grid-auto-flow: column;
+    gap: 1rem;
+    .titleAndTable{
+      .title{
+        color: var(--sub-color);
+      }
+    }
+  }
+
   .triplegroup {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
@@ -2292,7 +2303,7 @@ key {
     color: var(--text-color);
 
     td {
-      padding: 0.5rem 0.25rem;
+      padding: 0.5rem 0.5rem;
     }
 
     thead {
diff --git a/public/index.html b/public/index.html
index 7c83786b1..8595a809b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2473,6 +2473,89 @@
                 <div class="val">-</div>
               </div>
             </div>
+            <div class="group">
+              <div class="title">personal bests</div>
+              <div style="display: grid;
+              grid-auto-flow: column;
+              gap: 1rem;">
+                <div class="titleAndTable timePbTable">
+                  <table width="100%">
+                    <thead>
+                      <tr>
+                        <td>time</td>
+                        <td>wpm</td>
+                        <td>raw</td>
+                        <td>accuracy</td>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td>15</td>
+                        <td>-</td>
+                        <td>-</td>
+                        <td>-</td>
+                      </tr>
+                      <tr>
+                        <td>30</td>
+                        <td>-</td>
+                        <td>-</td>
+                        <td>-</td>
+                      </tr>
+                      <tr>
+                        <td>60</td>
+                        <td>-</td>
+                        <td>-</td>
+                        <td>-</td>
+                      </tr>
+                      <tr>
+                        <td>120</td>
+                        <td>-</td>
+                        <td>-</td>
+                        <td>-</td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+                <div class="titleAndTable wordsPbTable">
+                  <table width="100%">
+                    <thead>
+                      <tr>
+                        <td>words</td>
+                        <td>wpm</td>
+                        <td>raw</td>
+                        <td>accuracy</td>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      <tr>
+                        <td>10</td>
+                        <td>-</td>
+                        <td>-</td>
+                        <td>-</td>
+                      </tr>
+                      <tr>
+                        <td>25</td>
+                        <td>-</td>
+                        <td>-</td>
+                        <td>-</td>
+                      </tr>
+                      <tr>
+                        <td>50</td>
+                        <td>-</td>
+                        <td>-</td>
+                        <td>-</td>
+                      </tr>
+                      <tr>
+                        <td>100</td>
+                        <td>-</td>
+                        <td>-</td>
+                        <td>-</td>
+                      </tr>
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
             <div class="group topFilters">
               <!-- <div
                 class="button"
diff --git a/public/js/account.js b/public/js/account.js
index 87531c6e7..08cb698c2 100644
--- a/public/js/account.js
+++ b/public/js/account.js
@@ -1433,6 +1433,199 @@ $(".pageAccount .filterButtons .buttonsAndTitle .buttons").click(
   }
 );
 
+function fillPbTables() {
+  $(".pageAccount .timePbTable tbody").html(`
+  <tr>
+    <td>15</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+  </tr>
+  <tr>
+    <td>30</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+  </tr>
+  <tr>
+    <td>60</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+  </tr>
+  <tr>
+    <td>120</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+  </tr>
+  `);
+  $(".pageAccount .wordsPbTable tbody").html(`
+  <tr>
+    <td>10</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+  </tr>
+  <tr>
+    <td>25</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+  </tr>
+  <tr>
+    <td>50</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+  </tr>
+  <tr>
+    <td>100</td>
+    <td>-</td>
+    <td>-</td>
+    <td>-</td>
+  </tr>
+  `);
+
+  const pb = dbSnapshot.personalBests;
+  let pbData;
+  let text;
+
+  text = "";
+  try {
+    pbData = pb.time[15].sort((a, b) => b.wpm - a.wpm)[0];
+    text += `<tr>
+      <td>15</td>
+      <td>${pbData.wpm}</td>
+      <td>${pbData.raw === undefined ? '-' : pbData.raw}</td>
+      <td>${pbData.acc === undefined ? '-' : pbData.acc+"%"}</td>
+    </tr>`;
+  } catch (e) {
+    text += `<tr>
+      <td>15</td>
+      <td>-</td>
+      <td>-</td>
+      <td>-</td>
+    </tr>`;
+  }
+  try {
+    pbData = pb.time[30].sort((a, b) => b.wpm - a.wpm)[0];
+    text += `<tr>
+      <td>30</td>
+      <td>${pbData.wpm}</td>
+      <td>${pbData.raw === undefined ? '-' : pbData.raw}</td>
+      <td>${pbData.acc === undefined ? '-' : pbData.acc+"%"}</td>
+    </tr>`;
+  } catch (e) {
+    text += `<tr>
+      <td>30</td>
+      <td>-</td>
+      <td>-</td>
+      <td>-</td>
+    </tr>`;
+  }
+  try {
+    pbData = pb.time[60].sort((a, b) => b.wpm - a.wpm)[0];
+    text += `<tr>
+      <td>60</td>
+      <td>${pbData.wpm}</td>
+      <td>${pbData.raw === undefined ? '-' : pbData.raw}</td>
+      <td>${pbData.acc === undefined ? '-' : pbData.acc+"%"}</td>
+    </tr>`;
+  } catch (e) {
+    text += `<tr>
+      <td>60</td>
+      <td>-</td>
+      <td>-</td>
+      <td>-</td>
+    </tr>`;
+  }
+  try {
+    pbData = pb.time[120].sort((a, b) => b.wpm - a.wpm)[0];
+    text += `<tr>
+      <td>120</td>
+      <td>${pbData.wpm}</td>
+      <td>${pbData.raw === undefined ? '-' : pbData.raw}</td>
+      <td>${pbData.acc === undefined ? '-' : pbData.acc+"%"}</td>
+    </tr>`;
+  } catch (e) {
+    text += `<tr>
+      <td>120</td>
+      <td>-</td>
+      <td>-</td>
+      <td>-</td>
+    </tr>`;
+  }
+  $(".pageAccount .timePbTable tbody").html(text);
+
+  text = "";
+  try {
+    pbData = pb.words[10].sort((a, b) => b.wpm - a.wpm)[0];
+    text += `<tr>
+      <td>10</td>
+      <td>${pbData.wpm}</td>
+      <td>${pbData.raw === undefined ? '-' : pbData.raw}</td>
+      <td>${pbData.acc === undefined ? '-' : pbData.acc+"%"}</td>
+    </tr>`;
+  } catch (e) {
+    text += `<tr>
+      <td>10</td>
+      <td>-</td>
+      <td>-</td>
+      <td>-</td>
+    </tr>`;
+  }
+  try {
+    pbData = pb.words[25].sort((a, b) => b.wpm - a.wpm)[0];
+    text += `<tr>
+      <td>25</td>
+      <td>${pbData.wpm}</td>
+      <td>${pbData.raw === undefined ? '-' : pbData.raw}</td>
+      <td>${pbData.acc === undefined ? '-' : pbData.acc+"%"}</td>
+    </tr>`;
+  } catch (e) {
+    text += `<tr>
+      <td>25</td>
+      <td>-</td>
+      <td>-</td>
+      <td>-</td>
+    </tr>`;
+  }
+  try {
+    pbData = pb.words[50].sort((a, b) => b.wpm - a.wpm)[0];
+    text += `<tr>
+      <td>50</td>
+      <td>${pbData.wpm}</td>
+      <td>${pbData.raw === undefined ? '-' : pbData.raw}</td>
+      <td>${pbData.acc === undefined ? '-' : pbData.acc+"%"}</td>
+    </tr>`;
+  } catch (e) {
+    text += `<tr>
+      <td>50</td>
+      <td>-</td>
+      <td>-</td>
+      <td>-</td>
+    </tr>`;
+  }
+  try {
+    pbData = pb.words[100].sort((a, b) => b.wpm - a.wpm)[0];
+    text += `<tr>
+      <td>100</td>
+      <td>${pbData.wpm}</td>
+      <td>${pbData.raw === undefined ? '-' : pbData.raw}</td>
+      <td>${pbData.acc === undefined ? '-' : pbData.acc+"%"}</td>
+    </tr>`;
+  } catch (e) {
+    text += `<tr>
+      <td>100</td>
+      <td>-</td>
+      <td>-</td>
+      <td>-</td>
+    </tr>`;
+  }
+  $(".pageAccount .wordsPbTable tbody").html(text);
+}
+
 let filteredResults = [];
 let visibleTableLines = 0;
 
@@ -1596,6 +1789,7 @@ function refreshAccountPage() {
   function cont() {
     refreshThemeColorObject();
     refreshGlobalStats();
+    fillPbTables();
 
     let chartData = [];
     let wpmChartData = [];