diff --git a/apps/app/ui-tests-app/css/listview.ts b/apps/app/ui-tests-app/css/listview.ts
index 5a5cb7d8c..22e3e31e7 100644
--- a/apps/app/ui-tests-app/css/listview.ts
+++ b/apps/app/ui-tests-app/css/listview.ts
@@ -1,6 +1,6 @@
 export function loaded(args) {
     var items = [];
-    for (var i = 0; i < 5; i++) {
+    for (var i = 0; i < 100; i++) {
         items.push("name" + i);
     }
     args.object.bindingContext = { items: items };
diff --git a/apps/app/ui-tests-app/css/listview.xml b/apps/app/ui-tests-app/css/listview.xml
index b7df56cce..694fd69d1 100644
--- a/apps/app/ui-tests-app/css/listview.xml
+++ b/apps/app/ui-tests-app/css/listview.xml
@@ -1,16 +1,7 @@
 <Page loaded="loaded">
-  <StackLayout>
-    <Label text="lightskyblue separator"></Label>
-    <ListView items="{{ items }}" style="separator-color:red; background-color:lightskyblue">
+    <ListView items="{{ items }}" >
       <ListView.itemTemplate>
-        <Label text="{{ $value }}"/>
+        <Label text="{{ $value }}" style="text-transform: uppercase; text-decoration: underline;"/>
       </ListView.itemTemplate>
     </ListView>
-    <Label text="transparent separator"></Label>
-    <ListView items="{{ items }}" style="separator-color:transparent; background-color:transparent">
-      <ListView.itemTemplate>
-        <Label text="{{ $value }}" />
-      </ListView.itemTemplate>
-    </ListView>
-  </StackLayout>
 </Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/css/listview_bg_separator_color.ts b/apps/app/ui-tests-app/css/listview_bg_separator_color.ts
new file mode 100644
index 000000000..5a5cb7d8c
--- /dev/null
+++ b/apps/app/ui-tests-app/css/listview_bg_separator_color.ts
@@ -0,0 +1,7 @@
+export function loaded(args) {
+    var items = [];
+    for (var i = 0; i < 5; i++) {
+        items.push("name" + i);
+    }
+    args.object.bindingContext = { items: items };
+}
diff --git a/apps/app/ui-tests-app/css/listview_bg_separator_color.xml b/apps/app/ui-tests-app/css/listview_bg_separator_color.xml
new file mode 100644
index 000000000..b7df56cce
--- /dev/null
+++ b/apps/app/ui-tests-app/css/listview_bg_separator_color.xml
@@ -0,0 +1,16 @@
+<Page loaded="loaded">
+  <StackLayout>
+    <Label text="lightskyblue separator"></Label>
+    <ListView items="{{ items }}" style="separator-color:red; background-color:lightskyblue">
+      <ListView.itemTemplate>
+        <Label text="{{ $value }}"/>
+      </ListView.itemTemplate>
+    </ListView>
+    <Label text="transparent separator"></Label>
+    <ListView items="{{ items }}" style="separator-color:transparent; background-color:transparent">
+      <ListView.itemTemplate>
+        <Label text="{{ $value }}" />
+      </ListView.itemTemplate>
+    </ListView>
+  </StackLayout>
+</Page>
\ No newline at end of file
diff --git a/apps/app/ui-tests-app/css/main-page.ts b/apps/app/ui-tests-app/css/main-page.ts
index bc987aab7..7ecb435fc 100644
--- a/apps/app/ui-tests-app/css/main-page.ts
+++ b/apps/app/ui-tests-app/css/main-page.ts
@@ -39,6 +39,7 @@ export function pageLoaded(args: EventData) {
     examples.set("margins-paddings-with-percentage", "css/margins-paddings-with-percentage");
     examples.set("list-picker", "css/list-picker");
     examples.set("listview", "css/listview");
+    examples.set("listview_bg_separator_color", "css/listview_bg_separator_color");
     examples.set("padding-and-border", "css/padding-and-border");
     examples.set("border-playground", "css/border-playground");