diff --git a/themes/src/main/resources/theme/keycloak-preview/account/resources/app/vertical-nav/vertical-nav.component.html b/themes/src/main/resources/theme/keycloak-preview/account/resources/app/vertical-nav/vertical-nav.component.html
index e9557c8..e11d960 100644
--- a/themes/src/main/resources/theme/keycloak-preview/account/resources/app/vertical-nav/vertical-nav.component.html
+++ b/themes/src/main/resources/theme/keycloak-preview/account/resources/app/vertical-nav/vertical-nav.component.html
@@ -1,4 +1,4 @@
-<div id="verticalNavLayout" class="layout-pf layout-pf-fixed faux-layout" style="background-color: white;">
+<div id="verticalNavLayout" class="layout-pf layout-pf-fixed faux-layout">
<pfng-vertical-navigation
#pfVerticalNav
[brandSrc]="resourceUrl + '/app/assets/img/keycloak-logo-min.png'"
@@ -37,8 +37,7 @@
<div #contentContainer
- class="container-fluid container-cards-pf container-pf-nav-pf-vertical example-page-container"
- style="background-color: white;">
+ class="container-fluid container-cards-pf container-pf-nav-pf-vertical example-page-container">
<div class="row">
<div class="col-sm-12">
<router-outlet></router-outlet>
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 2738cf6..2fbe8f1 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
@@ -9,6 +9,9 @@ body {
.cards-pf {
background: #f5f5f5;
}
+.card-pf {
+ margin: 0 0 20px;
+}
.card-pf .row-cards-pf:first-child {
padding-top: 0px;
}
@@ -54,7 +57,10 @@ p.description {
background: #ffffff;
margin-bottom: 10px;
}
-
+.row {
+ margin-left: -20px;
+ margin-right: -20px;
+}
/*Responsive Design*/
@media (max-width: 767px) {
