diff --git a/fittrackee_client/src/scss/base.scss b/fittrackee_client/src/scss/base.scss
index 0d5e497c..b78f2b5d 100644
--- a/fittrackee_client/src/scss/base.scss
+++ b/fittrackee_client/src/scss/base.scss
@@ -162,6 +162,7 @@ button {
 
 .view  {
   padding-bottom: 35px;
+  background-color: var(--app-background-color);
 }
 
 .fa-trophy {
diff --git a/fittrackee_client/src/views/user/LoginOrRegister.vue b/fittrackee_client/src/views/user/LoginOrRegister.vue
index 0c6bab91..30244834 100644
--- a/fittrackee_client/src/views/user/LoginOrRegister.vue
+++ b/fittrackee_client/src/views/user/LoginOrRegister.vue
@@ -30,7 +30,6 @@
 
   #loginOrRegister {
     display: flex;
-    height: 100%;
 
     .container {
       display: flex;
diff --git a/fittrackee_client/src/views/user/ProfileView.vue b/fittrackee_client/src/views/user/ProfileView.vue
index a94df80a..aa4bda05 100644
--- a/fittrackee_client/src/views/user/ProfileView.vue
+++ b/fittrackee_client/src/views/user/ProfileView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="profile" class="container view" v-if="authUser.username">
+  <div id="profile" class="view" v-if="authUser.username">
     <router-view :user="authUser"></router-view>
     <div id="bottom" />
   </div>
@@ -24,6 +24,7 @@
   #profile {
     display: flex;
     flex-direction: column;
+    padding: 0 $default-padding;
 
     ::v-deep(.profile-form) {
       display: flex;
diff --git a/fittrackee_client/src/views/workouts/WorkoutsView.vue b/fittrackee_client/src/views/workouts/WorkoutsView.vue
index 9626021a..12b40280 100644
--- a/fittrackee_client/src/views/workouts/WorkoutsView.vue
+++ b/fittrackee_client/src/views/workouts/WorkoutsView.vue
@@ -60,8 +60,6 @@
 <style lang="scss" scoped>
   @import '~@/scss/vars.scss';
   #workouts {
-    height: 100%;
-
     .workouts-container {
       display: flex;
       flex-direction: row;