diff --git a/src/components/security/AuthToken.vue b/src/components/security/AuthToken.vue
index 9b9d764..d477c87 100644
--- a/src/components/security/AuthToken.vue
+++ b/src/components/security/AuthToken.vue
@@ -399,4 +399,17 @@ export default defineComponent({
 		color: var(--color-text-maxcontrast);
 	}
 }
+
+@media (max-width: 660px) {
+	.auth-token__name {
+		min-width: auto;
+	}
+
+	td:has(.auth-token__last-activity) {
+		display: block;
+		margin-top: -25px;
+		padding-inline-start: 40px;
+		color: var(--color-text-lighter);
+	}
+}
 </style>
diff --git a/src/components/security/AuthTokenList.vue b/src/components/security/AuthTokenList.vue
index d4532a5..3d235df 100644
--- a/src/components/security/AuthTokenList.vue
+++ b/src/components/security/AuthTokenList.vue
@@ -27,7 +27,7 @@
 				<th class="token-list__header-device">
 					{{ t('simplesettings', 'Device') }}
 				</th>
-				<th class="toke-list__header-activity">
+				<th class="token-list__header-activity">
 					{{ t('simplesettings', 'Last activity') }}
 				</th>
 				<th>
@@ -74,21 +74,35 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .token-list {
-	width: 100%;
+	width: 66.6%;
 	min-height: 50px;
 	padding-top: 5px;
-	max-width: fit-content;
 
 	th {
 		padding-block: 10px;
 		padding-inline-start: 10px;
+		font-size: 16px;
+		font-style: normal;
+		font-weight: 600;
+		line-height: 24px;
 	}
 
 	#{&}__header-device {
-		padding-inline-start: 50px; // 44px icon + 6px padding
+		padding-inline-start: 0;
 	}
+
 	&__header-activity {
-		text-align: end;
+		text-align: start;
+	}
+}
+
+@media screen and (max-width: 660px) {
+	.token-list {
+		width: 100%;
+	}
+
+	.token-list__header-activity {
+		display: none;
 	}
 }
 </style>