diff --git a/apps/frontend/src/locales/en-US/index.json b/apps/frontend/src/locales/en-US/index.json
index 3a868648cac..df22131ce24 100644
--- a/apps/frontend/src/locales/en-US/index.json
+++ b/apps/frontend/src/locales/en-US/index.json
@@ -5594,6 +5594,9 @@
   "settings.pats.modal.edit.title": {
     "message": "Edit personal access token"
   },
+  "settings.pats.nopats": {
+    "message": "You don't have any personal access tokens yet."
+  },
   "settings.pats.token.action.edit": {
     "message": "Edit token"
   },
diff --git a/apps/frontend/src/pages/settings/pats.vue b/apps/frontend/src/pages/settings/pats.vue
index dab92e1a084..62d56108360 100644
--- a/apps/frontend/src/pages/settings/pats.vue
+++ b/apps/frontend/src/pages/settings/pats.vue
@@ -204,6 +204,9 @@
 			</div>
 		</div>
 	</div>
+	<p v-if="!pats || pats.length === 0" class="offline text-center">
+		{{ formatMessage(messages.noPats) }}
+	</p>
 </template>
 <script setup>
 import { EditIcon, PlusIcon, SaveIcon, TrashIcon, XIcon } from '@modrinth/assets'
@@ -299,6 +302,10 @@ const messages = defineMessages({
 		id: 'settings.pats.action.create',
 		defaultMessage: 'Create a PAT',
 	},
+	noPats: {
+		id: 'settings.pats.nopats',
+		defaultMessage: "You don't have any personal access tokens yet.",
+	},
 })
 
 const tokenMessages = defineMessages({