diff --git a/src/components/Overlay/Media.js b/src/components/Overlay/Media.js
index c22ddd4..91d539c 100644
--- a/src/components/Overlay/Media.js
+++ b/src/components/Overlay/Media.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import marked from 'marked'
 import Content from './Content'
 import Controls from './Controls'
 import { selectTypeFromPathWithPoster } from '../../common/utilities'
@@ -66,8 +67,8 @@ class SourceOverlay extends React.Component {
           <Controls paths={paths} viewIdx={this.state.mediaIdx} onShiftHandler={this.onShiftGallery} />
 
           <div className='mo-meta-container'>
-            <div className='mo-box-title'>
-              <div>{desc}</div>
+            <div className='mo-box-desc'>
+              <div className='md-container' dangerouslySetInnerHTML={{ __html: marked(desc) }} />
             </div>
 
             {(type || date || url) ? (
diff --git a/src/scss/overlay.scss b/src/scss/overlay.scss
index 61e7ad1..4f939c9 100644
--- a/src/scss/overlay.scss
+++ b/src/scss/overlay.scss
@@ -188,7 +188,7 @@ $overlay-bg: rgba(239,239,239,0.9);
   background-color: transparent;
   width: 100%;
   opacity: 0.9;
-  bottom: 0;
+  bottom: 20px;
   display: flex;
   justify-content: center;
 }
@@ -203,7 +203,7 @@ $overlay-bg: rgba(239,239,239,0.9);
   box-sizing: border-box;
   min-height: 100px;
 
-  .mo-box-title {
+  .mo-box-desc {
     display: flex;
     flex-direction: row;
     justify-content: space-between;