diff --git a/apps/oauth2/js/oauth2.js b/apps/oauth2/js/oauth2.js
index 043779fe1baf1133975b04c43e4b6bd6d5701096..04df39fea4c053014d20d93571b0df8c39100b21 100644
Binary files a/apps/oauth2/js/oauth2.js and b/apps/oauth2/js/oauth2.js differ
diff --git a/apps/oauth2/js/oauth2.js.map b/apps/oauth2/js/oauth2.js.map
index 70bc32a07b7931bb1ad896ce550a6a195fbb7061..e68b955d855f0b17d1053d560199ff21805bb387 100644
Binary files a/apps/oauth2/js/oauth2.js.map and b/apps/oauth2/js/oauth2.js.map differ
diff --git a/apps/oauth2/src/App.vue b/apps/oauth2/src/App.vue
index 34b466ab7e26148772e3466b61e75b9f4427c981..86243b63ee65f1ec87cacd41e116a118552100c5 100644
--- a/apps/oauth2/src/App.vue
+++ b/apps/oauth2/src/App.vue
@@ -28,17 +28,8 @@
 		<table v-if="clients.length > 0" class="grid">
 			<thead>
 				<tr>
-					<th id="headerName" scope="col">
-						{{ t('oauth2', 'Name') }}
-					</th>
-					<th id="headerRedirectUri" scope="col">
-						{{ t('oauth2', 'Redirection URI') }}
-					</th>
-					<th id="headerClientIdentifier" scope="col">
-						{{ t('oauth2', 'Client Identifier') }}
-					</th>
-					<th id="headerSecret" scope="col">
-						{{ t('oauth2', 'Secret') }}
+					<th id="headerContent">
+
 					</th>
 					<th id="headerRemove">
 &nbsp;
@@ -127,3 +118,8 @@ export default {
 	},
 }
 </script>
+<style scoped>
+	table {
+		max-width: 800px;
+	}
+</style>
diff --git a/apps/oauth2/src/components/OAuthItem.vue b/apps/oauth2/src/components/OAuthItem.vue
index 3522a7d17c8c343d847b53b1ad561d08aeb1904a..72d04d2aac313069460eada9d664981aa607d823 100644
--- a/apps/oauth2/src/components/OAuthItem.vue
+++ b/apps/oauth2/src/components/OAuthItem.vue
@@ -21,10 +21,26 @@
   -->
 <template>
 	<tr>
-		<td>{{ name }}</td>
-		<td>{{ redirectUri }}</td>
-		<td><code>{{ clientId }}</code></td>
-		<td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td>
+		<td>
+			<table class="inline">
+				<tr>
+					<td>{{ t('oauth2', 'Name') }}</td>
+					<td>{{ name }}</td>
+				</tr>
+				<tr>
+					<td>{{ t('oauth2', 'Redirection URI') }}</td>
+					<td>{{ redirectUri }}</td>
+				</tr>
+				<tr>
+					<td>{{ t('oauth2', 'Client Identifier') }}</td>
+					<td><code>{{ clientId }}</code></td>
+				</tr>
+				<tr>
+					<td>{{ t('oauth2', 'Secret') }}</td>
+					<td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td>
+				</tr>
+			</table>
+		</td>
 		<td class="action-column">
 			<span><a class="icon-delete has-tooltip" :title="t('oauth2', 'Delete')" @click="$emit('delete', id)" /></span>
 		</td>
@@ -79,6 +95,9 @@ export default {
 	td code {
 		display: inline-block;
 		vertical-align: middle;
-		padding: 3px;
+	}
+	table.inline td {
+		border: none;
+		padding: 5px;
 	}
 </style>