diff --git a/src/public/js/components/list/details.js b/src/public/js/components/list/details.js
index 12ca5e8..8bfc0fb 100644
--- a/src/public/js/components/list/details.js
+++ b/src/public/js/components/list/details.js
@@ -1,6 +1,10 @@
 import React from 'react'
 
 export default function ListDetails(props) {
+  let genres;
+  if (props.data.genres) {
+    genres = props.data.genres.join(', ');
+  }
   return (
     <div className="col-xs-7 col-md-4">
       <div className="show-detail affix">
@@ -12,6 +16,12 @@ export default function ListDetails(props) {
             &nbsp;{props.data.runtime} min
           </p>
         }
+        {props.data.genres &&
+          <p>
+            <i className="fa fa-tags"></i>
+            &nbsp;{genres}
+          </p>
+        }
         <p>
           <i className="fa fa-star-o"></i>
           &nbsp;{props.data.rating} <small>({props.data.votes} counts)</small>