diff --git a/frontend/Page/BlogPage/BlogPage.jsx b/frontend/Page/BlogPage/BlogPage.jsx
index 6605e20..aed0ec5 100644
--- a/frontend/Page/BlogPage/BlogPage.jsx
+++ b/frontend/Page/BlogPage/BlogPage.jsx
@@ -22,11 +22,12 @@ class BlogPage extends React.Component {
   }
 
   applyDropCap() {
+    const dropcap = this.refs.dropcap
+
     log('Applying dropcap.')
-    window.Dropcap.layout(
-      document.querySelectorAll('.blog-page-dropcap')
-    , 3
-    )
+
+    dropcap.dcapjsStrut = null
+    window.Dropcap.layout(dropcap, 3)
   }
 
   componentDidMount() {
@@ -88,7 +89,7 @@ class BlogPage extends React.Component {
           {formattedDate} | {readTime} minute read
         </p>
         <hr/>
-        <span className='blog-page-dropcap'>{dropcap}</span>
+        <span className='blog-page-dropcap' ref='dropcap'>{dropcap}</span>
         <ReactMarkdown
           className='blog-page-body'
           renderers={{
diff --git a/frontend/Page/LandingPage/LandingPage.jsx b/frontend/Page/LandingPage/LandingPage.jsx
index ca4a197..5afa2b6 100644
--- a/frontend/Page/LandingPage/LandingPage.jsx
+++ b/frontend/Page/LandingPage/LandingPage.jsx
@@ -39,10 +39,11 @@ class LandingPage extends React.Component {
 
   applyDropCap() {
     log('Applying dropcap.')
-    window.Dropcap.layout(
-      document.querySelectorAll('.blog-page-dropcap')
-    , 3
-    )
+
+    const dropcaps = document.querySelectorAll('.blog-page-dropcap')
+    _.forEach(dropcaps, (dropcap) => {dropcap.dcapjsStrut=null})
+
+    window.Dropcap.layout(dropcaps, 3)
   }
 
   blogMapper(blog, index) {