From b44943ae2bf67f242e85417e5a009d2bd96dcdcb Mon Sep 17 00:00:00 2001
From: vvo <vincent.voyer@algolia.com>
Date: Tue, 8 Sep 2015 18:30:56 +0200
Subject: [PATCH] fix: switch back to divs, rendering glitch

When using <ul> <li> there's a rendering glitch (a border) that I
cannot remove. Only here because of all the react wrapping but still
cannot use it now.

Until we find another templating solution
---
 components/RefinementList.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/RefinementList.js b/components/RefinementList.js
index 7298e0837f..b9cbb40611 100644
--- a/components/RefinementList.js
+++ b/components/RefinementList.js
@@ -41,15 +41,15 @@ class RefinementList extends React.Component {
     var template = this.props.template;
 
     return (
-      <ul className={this.props.rootClass}>
+      <div className={this.props.rootClass}>
         {facetValues.map(facetValue => {
           return (
-            <li className={this.props.itemClass} key={facetValue.name} onClick={this.handleClick.bind(this, facetValue.name)}>
+            <div className={this.props.itemClass} key={facetValue.name} onClick={this.handleClick.bind(this, facetValue.name)}>
               <Template data={facetValue} template={template} />
-            </li>
+            </div>
           );
         })}
-      </ul>
+      </div>
     );
   }
 }