From f843ad5776eef118aa2ef69094a54357df80188b Mon Sep 17 00:00:00 2001
From: Etienne Lemay <etienne@heliom.ca>
Date: Tue, 12 Jul 2016 16:52:18 -0400
Subject: [PATCH] Use <div> instead of <span> w/ <br>

---
 src/components/preview.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/preview.js b/src/components/preview.js
index 35b5456..4fc4c3c 100644
--- a/src/components/preview.js
+++ b/src/components/preview.js
@@ -33,15 +33,17 @@ export default class Preview extends React.Component {
         </div>
 
         <div className='emoji-picker-preview-data'>
-          <span className='emoji-picker-preview-name'>{emoji.name}</span><br />
-          <span className='emoji-picker-preview-shortnames'>
+          <div className='emoji-picker-preview-name'>{emoji.name}</div>
+          <div className='emoji-picker-preview-shortnames'>
             {emoji.short_names.map((short_name) =>
               <span key={short_name} className='emoji-picker-preview-shortname'>:{short_name}:</span>
-            )}<br />
+            )}
+          </div>
+          <div className='emoji-picker-preview-emoticons'>
             {listedEmoticons.map((emoticon) =>
               <span key={emoticon} className='emoji-picker-preview-emoticon'>{emoticon}</span>
             )}
-          </span>
+          </div>
         </div>
       </div>
     } else {