diff --git a/web/src/app/modules/view/server/profile/profile.component.html b/web/src/app/modules/view/server/profile/profile.component.html
index 7feb406d..ae920b18 100644
--- a/web/src/app/modules/view/server/profile/profile.component.html
+++ b/web/src/app/modules/view/server/profile/profile.component.html
@@ -233,11 +233,13 @@
           </div>
 
           <div class="content-column" style="flex: 0.75;">
-            <div class="content-data-name">{{'view.server.profile.joined_voice_channel.time' | translate}}:</div>
+            <div class="content-data-name"
+                 style="flex: 0.35;">{{'view.server.profile.joined_voice_channel.time' | translate}}:
+            </div>
             <div class="content-data-value">{{join.time}} {{'general.hours' | translate}}</div>
           </div>
 
-          <div class="content-column" style="flex: 2;">
+          <div class="content-column" style="flex: 1;">
             <div class="content-data-name">{{'view.server.profile.joined_voice_channel.channel' | translate}}:</div>
             <div class="content-data-value">{{join.channelName}}</div>
           </div>
@@ -260,12 +262,19 @@
              (onBeforeToggle)="onBeforeToggle($event.event, $event.collapsed)">
       <div *ngFor="let join of user.userJoinedGameServers;">
         <div class="content-row">
-          <div class="content-column">
-            <div class="content-data-name">{{'view.server.profile.joined_game_server.time' | translate}}:</div>
+          <div class="content-column" style="flex: 0.3;">
+            <div class="content-data-name">{{'common.id' | translate}}:</div>
+            <div class="content-data-value">{{join.id}}</div>
+          </div>
+          
+          <div class="content-column" style="flex: 0.75;">
+            <div class="content-data-name"
+                 style="flex: 0.35;">{{'view.server.profile.joined_game_server.time' | translate}}:
+            </div>
             <div class="content-data-value">{{join.time}} {{'general.hours' | translate}}</div>
           </div>
 
-          <div class="content-column">
+          <div class="content-column" style="flex: 1;">
             <div class="content-data-name">{{'view.server.profile.joined_game_server.name' | translate}}:</div>
             <div class="content-data-value">{{join.gameServer}}</div>
           </div>
diff --git a/web/src/styles.scss b/web/src/styles.scss
index 8656a5b0..a35e587f 100644
--- a/web/src/styles.scss
+++ b/web/src/styles.scss
@@ -189,6 +189,7 @@ header {
               align-items: center;
 
               font-size: 18px;
+              flex: 1;
             }
 
             .content-data-value {
@@ -196,6 +197,7 @@ header {
               align-items: center;
 
               font-size: 18px;
+              flex: 1;
 
               input {
                 width: 100% !important;