diff --git a/demos/react/ecommerce/src/App.css b/demos/react/ecommerce/src/App.css
index b9506318..672719ad 100644
--- a/demos/react/ecommerce/src/App.css
+++ b/demos/react/ecommerce/src/App.css
@@ -256,7 +256,8 @@ a {
   margin-bottom: 16px;
 }
 
-.ais-RefinementList-item {
+.ais-RefinementList-item,
+.ais-RefinementList-noResults {
   padding: 8px 16px;
 }
 
diff --git a/demos/react/ecommerce/src/Facet.js b/demos/react/ecommerce/src/Facet.js
index 59a88ee5..069ea948 100644
--- a/demos/react/ecommerce/src/Facet.js
+++ b/demos/react/ecommerce/src/Facet.js
@@ -1,9 +1,9 @@
 import React from "react";
-import { RefinementList } from "react-instantsearch-dom";
-import { connectRefinementList } from "react-instantsearch/connectors";
+import { RefinementList, connectRefinementList } from "react-instantsearch-dom";
+
 export default connectRefinementList(
-  ({ translations, searchable, attribute, items }) =>
-    items.length && items.length > 0 ? (
+  ({ translations, searchable, attribute, items, isFromSearch }) =>
+    isFromSearch || (items.length && items.length > 0) ? (
       <RefinementList
         attribute={attribute}
         searchable={searchable}