diff --git a/css/emoji-picker.css b/css/emoji-picker.css
index f71c94d..4d6dca3 100644
--- a/css/emoji-picker.css
+++ b/css/emoji-picker.css
@@ -102,3 +102,18 @@
 .emoji-picker-preview-shortname + .emoji-picker-preview-shortname {
   margin-left: .5em;
 }
+
+.emoji-picker-title span {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.emoji-picker-title .emoji-picker-emoji {
+  padding: 0;
+}
+
+.emoji-picker-title-label {
+  font-size: 26px;
+  font-weight: 500;
+  margin-left: .4em;
+}
diff --git a/src/components/preview.js b/src/components/preview.js
index 513f24f..7f34621 100644
--- a/src/components/preview.js
+++ b/src/components/preview.js
@@ -31,8 +31,16 @@ export default class Preview extends React.Component {
         </div>
       </div>
     } else {
-      return <div>
-        EmojiPicker
+      return <div className='emoji-picker-title'>
+        <Emoji
+          {...emojiProps}
+          emoji='tophat'
+          size={46}
+        />
+
+        <span className='emoji-picker-title-label'>
+          EmojiPicker
+        </span>
       </div>
     }
   }