diff --git a/UI/Templates/ContactsUI/UIxContactFoldersView.wox b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
index 8bfe8672b..3f9cd06d6 100644
--- a/UI/Templates/ContactsUI/UIxContactFoldersView.wox
+++ b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
@@ -62,9 +62,7 @@
     </ul>
     -->
 
-  <div>
-
-    <div data-ui-view="addressbooks" layout="row" style="max-height: 100%"><!-- addressbooks list --></div>
+    <div data-ui-view="addressbooks" layout="row" class="view"><!-- addressbooks list --></div>
 
     <!-- modal for addressbook sharing options -->
     <script type="text/ng-template" id="userRights.html">
@@ -288,5 +286,5 @@
     </script>
 
     <var:string value="errorAlertJavaScript" const:escapeHTML="NO" />
-  </div>
+
 </var:component>
diff --git a/UI/WebServerResources/css/styles.css b/UI/WebServerResources/css/styles.css
index ac250797c..aecaf7511 100644
--- a/UI/WebServerResources/css/styles.css
+++ b/UI/WebServerResources/css/styles.css
@@ -2215,7 +2215,7 @@ md-tab > .md-ripple-container .md-ripple {
   order: 9; }
 
 .view[layout=row] {
-  max-height: 100%; }
+  min-height: 100%; }
 
 /* Angular-material components local overrides */
 md-list {
diff --git a/UI/WebServerResources/scss/views/_view.scss b/UI/WebServerResources/scss/views/_view.scss
index 556b8ae17..bc1cdc1a6 100644
--- a/UI/WebServerResources/scss/views/_view.scss
+++ b/UI/WebServerResources/scss/views/_view.scss
@@ -7,5 +7,5 @@
 ///
 
 .view[layout=row] {
-  max-height: 100%;
+  min-height: 100%;
 }
\ No newline at end of file