diff -r de8d18c8251d -r a28361bda28c client/src/components/Navbar.scss
--- a/client/src/components/Navbar.scss	Mon Sep 03 11:57:58 2018 +0200
+++ b/client/src/components/Navbar.scss	Mon Sep 03 20:02:14 2018 +0200
@@ -6,23 +6,12 @@
     color: white;
 }
 
-#brand {
-    margin-top: 5px;
-}
-
 .username#navbarDropdown {
     font-size: 24px;
-    font-weight: medium;
-    margin-top:2%;
 }
 
 .nav-link {
     font-size: 20px;
-    margin-top: 8px;
-}
-
-#sync-button {
-    margin-top: 7px;
 }
 
 .dropdown-toggle{
@@ -31,7 +20,6 @@
 
 .dropdown-item {
     font-size: 18px;
-    font-weight: bold;
     cursor: pointer;
 }
 
@@ -42,34 +30,14 @@
 }
 
 .create-group {
-    width: 60%;
-    padding-top: 1.5%;
-    margin-top: 2.5%;
-    margin-bottom: 5%;
-    margin-left: 20%;
     font-size: 14px;
 }
 
-.nav-link .user-dropdown {
+.nav-link .dropdown-toggle .username .font-weight-bold {
     font-size: 18px;
-    font-weight: bold;
-
-}
-
-.ReactModal__Overlay {
-    margin-top: 5%;
-}
-
-.modal-footer .btn {
-    margin-top: 40px;
-    padding: 16px;
-    font-weight: bold;
 }
 
 #logout-modal{
-    padding-top: 2%;
-    margin-top: 20%;
-
     -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
        -moz-animation: fadein 0.5s; /* Firefox < 16 */
         -ms-animation: fadein 0.5s; /* Internet Explorer */
@@ -107,11 +75,10 @@
 }
 
 #logout-close-modal-button{
-    margin-top: -2.5%;
-    margin-left: 92%;
     background-color: transparent;
     border: transparent;
     color: rgba(#769FED, .4);
+    cursor: pointer;
 }
 
 #logout-close-modal-button:hover{
@@ -120,24 +87,11 @@
     color:black;
 }
 
-.modal-text{
-    margin-top: 10%;
-    font-size: 16px;
-    font-weight: 500;
-}
-
 .modal-warning{
     color:#F95B5B;
     font-size:60px;
-    padding:0;
-    margin-top: 5%;
-    margin-right: 3%;
 }
 
 #logout-modal-button {
-    padding: 1.5%;
-    margin-top: 5%;
-    margin-right: 40%;
-    width: 20%;
     font-size: 14px;
 }