diff --git a/src/app/pages/tokens/tokens.component.html b/src/app/pages/tokens/tokens.component.html
index 605baaf..c6bef5e 100644
--- a/src/app/pages/tokens/tokens.component.html
+++ b/src/app/pages/tokens/tokens.component.html
@@ -29,49 +29,50 @@
     </mat-card>
 </form>
 
+<div *ngIf="items && items[0]">
+    <h2>{{'tokens.active' | i18n}}</h2>
+    <mat-card>
+        <mat-card-content>
+            <mat-list>
+                <mat-list-item *ngFor="let item of items">
+                    <mat-icon mat-list-icon>plus_one</mat-icon>
+                    {{ item.name[currentLocale] || 'missing' }}
+                    <button mat-icon-button (click)="removeSecret(item.secret)">
+                        <mat-icon>delete</mat-icon>
+                    </button>
+                </mat-list-item>
+            </mat-list>
 
-<mat-card *ngIf="items && items[0]">
-    <mat-card-content>
+            <mat-divider></mat-divider>
 
-        <mat-list>
-            <mat-list-item *ngFor="let item of items">
-                <mat-icon mat-list-icon>plus_one</mat-icon>
-                {{ item.name[currentLocale] || 'missing' }}
-                <button mat-icon-button (click)="removeSecret(item.secret)">
-                    <mat-icon>delete</mat-icon>
-                </button>
-            </mat-list-item>
-        </mat-list>
+        </mat-card-content>
+        <mat-card-actions>
+            <button *ngIf="auth.authenticated" mat-raised-button color="accent" (click)="redeem()">
+                <mat-icon>redeem</mat-icon> {{'tokens.redeem' | i18n}}
+            </button>
 
-        <mat-divider></mat-divider>
+            <a *ngIf="!auth.authenticated" routerLink="/register" mat-raised-button color="accent">
+                <mat-icon>how_to_reg</mat-icon> {{'register' | i18n}}
+            </a>
+            <a *ngIf="!auth.authenticated" routerLink="/login" [queryParams]="{ target:'tokens' }" mat-raised-button
+                color="primary">
+                <mat-icon>login</mat-icon> {{'login' | i18n}}
+            </a>
+        </mat-card-actions>
+        <mat-card-footer>
+            <a href="https://wiki.bstly.de/services/webstly#registration" class="help-button"
+                matTooltip="{{'help-button' | i18n}}" matTooltipPosition="above" target="_blank" mat-fab color="accent">
+                <mat-icon>contact_support</mat-icon>
+            </a>
+        </mat-card-footer>
+    </mat-card>
 
-    </mat-card-content>
-    <mat-card-actions>
-        <button *ngIf="auth.authenticated" mat-raised-button color="accent" (click)="redeem()">
-            <mat-icon>redeem</mat-icon> {{'tokens.redeem' | i18n}}
-        </button>
-
-        <a *ngIf="!auth.authenticated" routerLink="/register" mat-raised-button color="accent">
-            <mat-icon>how_to_reg</mat-icon> {{'register' | i18n}}
-        </a>
-        <a *ngIf="!auth.authenticated" routerLink="/login" [queryParams]="{ target:'tokens' }" mat-raised-button
-            color="primary">
-            <mat-icon>login</mat-icon> {{'login' | i18n}}
-        </a>
-    </mat-card-actions>
-    <mat-card-footer>
-        <a href="https://wiki.bstly.de/services/webstly#registration" class="help-button"
-            matTooltip="{{'help-button' | i18n}}" matTooltipPosition="above" target="_blank" mat-fab color="accent">
-            <mat-icon>contact_support</mat-icon>
-        </a>
-    </mat-card-footer>
-</mat-card>
-
-<div *ngIf="permissions && permissions[0]">
-    <h3>{{'permissions' | i18n}}</h3>
-    <app-permissions [permissions]="permissions"></app-permissions>
+    <div *ngIf="permissions && permissions[0]">
+        <h3>{{'permissions' | i18n}}</h3>
+        <app-permissions [permissions]="permissions"></app-permissions>
+    </div>
+    <div *ngIf="quotas && quotas[0]">
+        <h3>{{'quotas' | i18n}}</h3>
+        <app-quotas [quotas]="quotas"></app-quotas>
+    </div>
 </div>
-<div *ngIf="quotas && quotas[0]">
-    <h3>{{'quotas' | i18n}}</h3>
-    <app-quotas [quotas]="quotas"></app-quotas>
-</div>
\ No newline at end of file