diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/EmailNotifications.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/EmailNotifications.vue
index b4053745c..5e4cbe227 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/EmailNotifications.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/EmailNotifications.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="profile--settings--row row">
     <div class="columns small-3 ">
-      <p class="section--title">
+      <h4 class="block-title">
         {{ $t('PROFILE_SETTINGS.FORM.EMAIL_NOTIFICATIONS_SECTION.TITLE') }}
-      </p>
+      </h4>
       <p>{{ $t('PROFILE_SETTINGS.FORM.EMAIL_NOTIFICATIONS_SECTION.NOTE') }}</p>
     </div>
     <div class="columns small-9">
diff --git a/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue
index d3f98739e..ecdbace19 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/profile/Index.vue
@@ -3,12 +3,12 @@
     <form @submit.prevent="updateUser">
       <div class="small-12 row profile--settings--row">
         <div class="columns small-3 ">
-          <p class="section--title">
+          <h4 class="block-title">
             {{ $t('PROFILE_SETTINGS.FORM.PROFILE_SECTION.TITLE') }}
-          </p>
+          </h4>
           <p>{{ $t('PROFILE_SETTINGS.FORM.PROFILE_SECTION.NOTE') }}</p>
         </div>
-        <div class="columns small-9">
+        <div class="columns small-9 medium-5">
           <label>
             {{ $t('PROFILE_SETTINGS.FORM.PROFILE_IMAGE.LABEL') }}
             <thumbnail size="80px" :src="avatarUrl"></thumbnail>
@@ -48,12 +48,12 @@
       </div>
       <div class="profile--settings--row row">
         <div class="columns small-3 ">
-          <p class="section--title">
+          <h4 class="block-title">
             {{ $t('PROFILE_SETTINGS.FORM.PASSWORD_SECTION.TITLE') }}
-          </p>
+          </h4>
           <p>{{ $t('PROFILE_SETTINGS.FORM.PASSWORD_SECTION.NOTE') }}</p>
         </div>
-        <div class="columns small-9">
+        <div class="columns small-9 medium-5">
           <label :class="{ error: $v.password.$error }">
             {{ $t('PROFILE_SETTINGS.FORM.PASSWORD.LABEL') }}
             <input
@@ -211,16 +211,12 @@ export default {
 
 .profile--settings--row {
   @include border-normal-bottom;
-  padding: 16px;
+  padding: $space-normal;
   .small-3 {
-    padding: 16px 16px 16px 0;
+    padding: $space-normal $space-medium $space-normal 0;
   }
   .small-9 {
-    padding: 16px;
+    padding: $space-normal;
   }
 }
-
-.section--title {
-  color: $color-woot;
-}
 </style>