keycloak-aplcache

diff --git a/themes/src/main/resources/theme/base/account/messages/messages_en.properties b/themes/src/main/resources/theme/base/account/messages/messages_en.properties
index a2a4907..e771eee 100755
--- a/themes/src/main/resources/theme/base/account/messages/messages_en.properties
+++ b/themes/src/main/resources/theme/base/account/messages/messages_en.properties
@@ -6,6 +6,7 @@ doAdd=Add
 doSignOut=Sign Out
 
 editAccountHtmlTitle=Edit Account
+personalInfoHtmlTitle=Personal Info
 federatedIdentitiesHtmlTitle=Federated Identities
 accountLogHtmlTitle=Account Log
 changePasswordHtmlTitle=Change Password
@@ -207,6 +208,6 @@ locale_no=Norsk
 locale_lt=Lietuvi\u0173
 locale_pt-BR=Portugu\u00EAs (Brasil)
 locale_ru=\u0420\u0443\u0441\u0441\u043A\u0438\u0439
-locale_sk=Sloven\u010Dina 
+locale_sk=Sloven\u010Dina
 locale_sv=Svenska
 locale_zh-CN=\u4e2d\u6587\u7b80\u4f53

diff --git a/themes/src/main/resources/theme/keycloak-preview/account/resources/app/content/account-page/account-page.component.html b/themes/src/main/resources/theme/keycloak-preview/account/resources/app/content/account-page/account-page.component.html
index 94a356e..76941a0 100644
--- a/themes/src/main/resources/theme/keycloak-preview/account/resources/app/content/account-page/account-page.component.html
+++ b/themes/src/main/resources/theme/keycloak-preview/account/resources/app/content/account-page/account-page.component.html
@@ -1,17 +1,8 @@
 <div class="page-header">
-    <h1>{{'editAccountHtmlTitle' | translate}}</h1>
+    <h1>{{'personalInfoHtmlTitle' | translate}}</h1>
 </div>
 
-<div class="col-sm-9 content-area">
-
-    <div class="row">
-        <div class="col-md-10">
-        </div>
-        <div class="col-md-2 subtitle">
-            <span class="subtitle"><span class="required">*</span> {{'requiredFields' | translate}}</span>
-        </div>
-        <hr/>
-    </div>
+<div class="col-sm-12 content-area">
 
     <form #formGroup="ngForm" (ngSubmit)="saveAccount()" class="form-horizontal">
 
@@ -20,7 +11,7 @@
                 <label for="username" class="control-label">{{'username' | translate}}</label><span *ngIf="isEditUserNameAllowed" class="required">*</span>
             </div>
 
-            <div class="col-sm-10 col-md-10">
+            <div class="col-sm-6 col-md-6">
                 <input *ngIf="isEditUserNameAllowed" type="text" class="form-control" required ngModel id="username" name="username" value="{{username}}" >
                 <span *ngIf="!isEditUserNameAllowed">{{ username }}</span>
             </div>
@@ -31,7 +22,7 @@
                 <label for="email" class="control-label">{{'email' | translate }}</label> <span class="required">*</span>
             </div>
 
-            <div class="col-sm-10 col-md-10">
+            <div class="col-sm-6 col-md-6">
                 <input type="email" class="form-control" id="email" name="email" required autofocus="" ngModel type="text">
             </div>
         </div>
@@ -41,7 +32,7 @@
                 <label for="firstName" class="control-label">{{'firstName' | translate}}</label> <span class="required">*</span>
             </div>
 
-            <div class="col-sm-10 col-md-10">
+            <div class="col-sm-6 col-md-6">
                 <input class="form-control" id="firstName" required name="firstName" ngModel type="text">
             </div>
         </div>
@@ -51,7 +42,7 @@
                 <label for="lastName" class="control-label">{{'lastName' | translate}}</label> <span class="required">*</span>
             </div>
 
-            <div class="col-sm-10 col-md-10">
+            <div class="col-sm-6 col-md-6">
                 <input class="form-control" id="lastName" required name="lastName" ngModel type="text">
             </div>
         </div>
@@ -65,4 +56,5 @@
         </div>
     </form>
 
+    <div class="subtitle"><span class="required">*</span> {{'requiredFields' | translate}}</div>
 </div>

diff --git a/themes/src/main/resources/theme/keycloak-preview/account/resources/styles.css b/themes/src/main/resources/theme/keycloak-preview/account/resources/styles.css
index 5d21a64..d5546c7 100644
--- a/themes/src/main/resources/theme/keycloak-preview/account/resources/styles.css
+++ b/themes/src/main/resources/theme/keycloak-preview/account/resources/styles.css
@@ -15,3 +15,27 @@ p.description {
 .btn-sign {
   margin-top: 10px;
 }
+
+.layout-pf-alt.layout-pf-alt-fixed .container-pf-alt-nav-pf-vertical-alt {
+    margin-left: 210px;
+}
+
+.content-area {
+  padding: 30px 30px 20px;
+  background: #ffffff;
+  font-size: 13px;
+}
+
+/* personal Info Style */
+.subtitle {
+  color: #4d5258;
+  font-size: 12px;
+}
+
+.content-area .required{
+  color: #cc0000;
+}
+
+.page-header {
+  border-bottom: 0;
+}