diff --git a/frontend/src/styles/account-settings.scss b/frontend/src/styles/account-settings.scss
index 6052755e6..fa361f1f3 100644
--- a/frontend/src/styles/account-settings.scss
+++ b/frontend/src/styles/account-settings.scss
@@ -116,7 +116,7 @@
             }
           }
         }
-        &[data-tab="api"] {
+        &[data-tab="apeKeys"] {
           table {
             width: 100%;
             border-spacing: 0;
diff --git a/frontend/src/ts/elements/account-settings/ape-key-table.ts b/frontend/src/ts/elements/account-settings/ape-key-table.ts
index 61cbaa8dc..deecddd4d 100644
--- a/frontend/src/ts/elements/account-settings/ape-key-table.ts
+++ b/frontend/src/ts/elements/account-settings/ape-key-table.ts
@@ -157,7 +157,7 @@ const generateApeKey = new SimpleModal({
 
 let apeKeys: ApeKeys | null = {};
 
-const element = $("#pageAccountSettings .tab[data-tab='api']");
+const element = $("#pageAccountSettings .tab[data-tab='apeKeys']");
 
 async function getData(): Promise<boolean> {
   showLoaderRow();
@@ -277,7 +277,7 @@ let lostAccess = false;
 
 export async function update(onApeKeyChangee?: () => void): Promise<void> {
   if (lostAccess) {
-    $(".pageAccountSettings .tab[data-tab='api'] table").remove();
+    $(".pageAccountSettings .tab[data-tab='apeKeys'] table").remove();
     $(".pageAccountSettings .section.apeKeys .buttons").remove();
     $(".pageAccountSettings .section.apeKeys .lostAccess").removeClass(
       "hidden"