diff --git a/app/components/DetailsBar.tsx b/app/components/DetailsBar.tsx
index 3f5a4d6c..cf29bd05 100644
--- a/app/components/DetailsBar.tsx
+++ b/app/components/DetailsBar.tsx
@@ -2,6 +2,7 @@ import * as React from 'react'
 import { Details, DetailsType, StatsDetails } from '../models/details'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import Stat from './stats/Stat'
 
 export interface DetailsBarProps {
   details: Details
@@ -12,14 +13,13 @@ const DetailsBar: React.FunctionComponent<DetailsBarProps> = (props) => {
     details,
     setDetailsBar
   } = props
-  console.log(details)
 
   const renderStatsDetails = () => {
     const statsDetails = details as StatsDetails
     return (
       <div>
         <h4>{statsDetails.title}</h4>
-        <p>{JSON.stringify(statsDetails.stats)}</p>
+        <Stat data={details.stats} />
       </div>
     )
   }