--- a/client/src/components/admin/usermanagement/Usermanagement.vue	Fri Dec 07 12:21:55 2018 +0100
+++ b/client/src/components/admin/usermanagement/Usermanagement.vue	Fri Dec 07 12:26:26 2018 +0100
@@ -109,7 +109,10 @@
             </div>
           </div>
         </div>
-        <Userdetail v-if="isUserDetailsVisible"></Userdetail>
+        <Userdetail
+          class="d-flex userdetails"
+          v-if="isUserDetailsVisible"
+        ></Userdetail>
       </div>
     </div>
   </div>
@@ -118,6 +121,13 @@
 <style scoped lang="scss">
 @import "../../../assets/tooltip.scss";
 
+.content {
+  width: 100%;
+}
+
+.userdetails {
+  width: 50%;
+}
 .spacer {
   height: 100vh;
   margin-left: $offset;
@@ -146,11 +156,11 @@
 }
 
 .userlistsmall {
-  width: 30vw;
+  width: 100%;
 }
 
 .userlistextended {
-  width: 70vw;
+  width: 100%;
 }
 
 .table {