diff --git a/website/components/access-tokens/AccessTokenCard.tsx b/website/components/access-tokens/AccessTokenCard.tsx
deleted file mode 100644
index aff8b8e3..00000000
--- a/website/components/access-tokens/AccessTokenCard.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import dayjs from 'dayjs'
-import { toast } from 'react-hot-toast'
-import { useDeleteAccessTokenMutation } from '~/data/access-tokens/delete-access-token'
-import { Button } from '../ui/button'
-
-export interface ApiTokenCardProps {
-  tokenId: string
-  tokenName: string
-  maskedToken: string
-  createdAt: string
-}
-
-const AccessTokenCard = ({
-  tokenId,
-  tokenName,
-  maskedToken,
-  createdAt,
-}: ApiTokenCardProps) => {
-  const { mutate: deleteAccessToken, isLoading: isDeletingAccessToken } =
-    useDeleteAccessTokenMutation({
-      onSuccess() {
-        toast.success('Successfully revoked token!')
-      },
-    })
-
-  return (
-    <div className="rounded-lg px-6 py-5 border border-gray-200 flex justify-between">
-      <div className="flex flex-col space-y-4">
-        <div className="font-medium text-lg dark:text-white">{tokenName}</div>
-        <div className="text-gray-500">{`Token: ${maskedToken}`}</div>
-        <div className="text-gray-400 text-sm">{`Created ${dayjs(
-          createdAt
-        ).fromNow()}`}</div>
-      </div>
-      <Button
-        variant="secondary"
-        onClick={() => deleteAccessToken({ tokenId })}
-        disabled={isDeletingAccessToken}
-      >
-        Revoke
-      </Button>
-    </div>
-  )
-}
-
-export default AccessTokenCard
diff --git a/website/pages/[handle]/_/access-tokens.tsx b/website/pages/[handle]/_/access-tokens.tsx
index 6301965b..6397668d 100644
--- a/website/pages/[handle]/_/access-tokens.tsx
+++ b/website/pages/[handle]/_/access-tokens.tsx
@@ -1,7 +1,7 @@
 import Head from 'next/head'
 import { MouseEventHandler, useState } from 'react'
 import toast from 'react-hot-toast'
-import AccessTokenCard from '~/components/access-tokens/AccessTokenCard'
+
 import Form, { FORM_ERROR } from '~/components/forms/Form'
 import FormButton from '~/components/forms/FormButton'
 import FormInput from '~/components/forms/FormInput'
@@ -66,17 +66,7 @@ const ApiTokensPage: NextPageWithLayout = () => {
           </Button>
         </div>
         {accessTokensLoading && <p className="dark:text-white">Loading...</p>}
-        {isAccessTokensSuccess &&
-          accessTokens.length > 0 &&
-          accessTokens.map((accessToken) => (
-            <AccessTokenCard
-              key={accessToken.id}
-              tokenId={accessToken.id}
-              tokenName={accessToken.token_name}
-              maskedToken={accessToken.masked_token}
-              createdAt={accessToken.created_at}
-            />
-          ))}
+
         {isAccessTokensSuccess && accessTokens.length <= 0 && (
           <p className="dark:text-white">
             No access tokens found. Click &quot;New Token&quot; to create one.