diff --git a/.eslintignore b/.eslintignore
index 7053dc17..1abc971e 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1 +1,2 @@
 /coverage/
+__snapshots__/
diff --git a/lib/render-list.js b/lib/render-list.js
index cf0e6781..f9f5dc55 100644
--- a/lib/render-list.js
+++ b/lib/render-list.js
@@ -60,7 +60,7 @@ export const renderList = ({
 					</div>
 				</div>`,
 		)}
-		<div class="tableContent-scroller" id="scroller">
+		<div class="tableContent-scroller" id="scroller" part="scroller">
 			<cosmoz-grouped-list
 				id="groupedList"
 				.data=${processedItems}
diff --git a/test/__snapshots__/render-list.test.snap.js b/test/__snapshots__/render-list.test.snap.js
index 64af3306..ce628442 100644
--- a/test/__snapshots__/render-list.test.snap.js
+++ b/test/__snapshots__/render-list.test.snap.js
@@ -26,3 +26,32 @@ snapshots['render-list error'] = `<div
 </div>
 `;
 /* end snapshot render-list error */
+snapshots["render-list error"] = 
+`<div
+  class="tableContent"
+  id="tableContent"
+>
+  <div class="overlay tableContent-empty">
+    <iron-icon icon="icons:error">
+    </iron-icon>
+    <div class="tableContent-empty-message">
+      <h3>
+        Error loading data
+      </h3>
+      <p>
+        An error occurred
+      </p>
+    </div>
+  </div>
+  <div
+    class="tableContent-scroller"
+    id="scroller"
+    part="scroller"
+  >
+    <cosmoz-grouped-list id="groupedList">
+    </cosmoz-grouped-list>
+  </div>
+</div>
+`;
+/* end snapshot render-list error */
+