diff --git a/issuer/service.go b/issuer/service.go
index f07b287..456e730 100644
--- a/issuer/service.go
+++ b/issuer/service.go
@@ -2,6 +2,7 @@ package issuer
 
 import (
 	"context"
+	"sort"
 	"strings"
 
 	"github.com/nuts-foundation/go-nuts-client/nuts"
@@ -34,5 +35,9 @@ func (s Service) GetIssuedCredentials(ctx context.Context, issuer string, creden
 			result = append(result, model.SearchResultToModel(searchResult))
 		}
 	}
+	// Sort by issuance date, descending (newest first)
+	sort.Slice(result, func(i, j int) bool {
+		return result[i].VerifiableCredential.IssuanceDate.After(result[j].VerifiableCredential.IssuanceDate)
+	})
 	return result, nil
 }
diff --git a/web/src/admin/credentials/IssuedCredentials.vue b/web/src/admin/credentials/IssuedCredentials.vue
index 693983a..b93b40a 100644
--- a/web/src/admin/credentials/IssuedCredentials.vue
+++ b/web/src/admin/credentials/IssuedCredentials.vue
@@ -4,27 +4,27 @@
     <ErrorMessage v-if="fetchError" :message="fetchError" :title="'Could not fetch data'"/>
     <section>
       <label for="credentialTypes" class="inline">Credential types (comma-separated): </label>
-      <input type="text" id="credentialTypes" v-model="credentialTypes" @change="fetchData" class="inline" style="width: 50%">
-      <table class="table w-full divide-y divide-gray-200 mt-4" v-if="credentials.length > 0">
+      <input type="text" id="credentialTypes" v-model="credentialTypes" @change="fetchData" class="inline w-1/2">
+      <table class="table w-full divide-y divide-gray-200 mt-4 border-collapse" v-if="credentials.length > 0">
         <thead>
         <tr>
-          <th class="thead">Issuer</th>
-          <th class="thead">Subject</th>
-          <th class="thead">Type</th>
-          <th class="thead">Status</th>
-          <th class="thead">Issuance date</th>
+          <th class="thead p-0.5">Issuer</th>
+          <th class="thead p-0.5">Subject</th>
+          <th class="thead p-0.5">Type</th>
+          <th class="thead p-0.5">Status</th>
+          <th class="thead p-0.5">Issued at</th>
         </tr>
         </thead>
         <tbody>
         <tr v-for="credential in credentials" :key="credential.id"
-          @click="chosenCredential = credential" style="cursor: pointer">
-          <td>{{ credential.issuer }}</td>
-          <td>{{ Array.isArray(credential.credentialSubject) ? credential.credentialSubject[0].id : credential.credentialSubject.id }}</td>
-          <td>{{ credential.type.filter(t => t !== 'VerifiableCredential').join(', ') }}</td>
-          <td>
+          @click="chosenCredential = credential" class="border-b border-gray-300 cursor-pointer">
+          <td class="border-r border-gray-300 p-0.5">{{ credential.issuer }}</td>
+          <td class="border-r border-gray-300 p-0.5">{{ Array.isArray(credential.credentialSubject) ? credential.credentialSubject[0].id : credential.credentialSubject.id }}</td>
+          <td class="border-r border-gray-300 p-0.5">{{ credential.type.filter(t => t !== 'VerifiableCredential').join(', ') }}</td>
+          <td class="border-r border-gray-300 p-0.5">
             <span :class="statusClass(credential.status)">{{ credential.status }}</span>
           </td>
-          <td>{{ new Date(credential.issuanceDate).toLocaleString() }}</td>
+          <td class="p-0.5">{{ new Date(credential.issuanceDate).toLocaleString() }}</td>
         </tr>
         </tbody>
       </table>