diff --git a/build/scss/pages/_profile.scss b/build/scss/pages/_profile.scss
index 89038a116..e007ad0e5 100644
--- a/build/scss/pages/_profile.scss
+++ b/build/scss/pages/_profile.scss
@@ -28,5 +28,10 @@
 
   .user-block {
     margin-bottom: 15px;
+    width: 100%;
+  }
+
+  .row {
+    width: 100%;
   }
 }
diff --git a/pages/examples/profile.html b/pages/examples/profile.html
index 1d0b138e9..c4a7c7cc0 100644
--- a/pages/examples/profile.html
+++ b/pages/examples/profile.html
@@ -997,43 +997,38 @@
 
                   <div class="tab-pane" id="settings">
                     <form class="form-horizontal">
-                      <div class="form-group">
+                      <div class="form-group row">
                         <label for="inputName" class="col-sm-2 control-label">Name</label>
-
                         <div class="col-sm-10">
                           <input type="email" class="form-control" id="inputName" placeholder="Name">
                         </div>
                       </div>
-                      <div class="form-group">
+                      <div class="form-group row">
                         <label for="inputEmail" class="col-sm-2 control-label">Email</label>
-
                         <div class="col-sm-10">
                           <input type="email" class="form-control" id="inputEmail" placeholder="Email">
                         </div>
                       </div>
-                      <div class="form-group">
+                      <div class="form-group row">
                         <label for="inputName2" class="col-sm-2 control-label">Name</label>
-
                         <div class="col-sm-10">
                           <input type="text" class="form-control" id="inputName2" placeholder="Name">
                         </div>
                       </div>
-                      <div class="form-group">
+                      <div class="form-group row">
                         <label for="inputExperience" class="col-sm-2 control-label">Experience</label>
-
                         <div class="col-sm-10">
                           <textarea class="form-control" id="inputExperience" placeholder="Experience"></textarea>
                         </div>
                       </div>
-                      <div class="form-group">
+                      <div class="form-group row">
                         <label for="inputSkills" class="col-sm-2 control-label">Skills</label>
-
                         <div class="col-sm-10">
                           <input type="text" class="form-control" id="inputSkills" placeholder="Skills">
                         </div>
                       </div>
-                      <div class="form-group">
-                        <div class="col-sm-offset-2 col-sm-10">
+                      <div class="form-group row">
+                        <div class="offset-sm-2 col-sm-10">
                           <div class="checkbox">
                             <label>
                               <input type="checkbox"> I agree to the <a href="#">terms and conditions</a>
@@ -1041,8 +1036,8 @@
                           </div>
                         </div>
                       </div>
-                      <div class="form-group">
-                        <div class="col-sm-offset-2 col-sm-10">
+                      <div class="form-group row">
+                        <div class="offset-sm-2 col-sm-10">
                           <button type="submit" class="btn btn-danger">Submit</button>
                         </div>
                       </div>