diff --git a/src/components/BlogPostProcessor.tsx b/src/components/BlogPostProcessor.tsx
index 5d8b3f92..e71def1b 100644
--- a/src/components/BlogPostProcessor.tsx
+++ b/src/components/BlogPostProcessor.tsx
@@ -10,5 +10,5 @@ export const ProcessedPost = ({
     body: string
 }) => {
     // return (JSON.stringify(body,null,4))
-    return <div dangerouslySetInnerHTML={{__html: body}}></div>
+    return <div className="dynamic-html" dangerouslySetInnerHTML={{__html: body}}></div>
 }
diff --git a/src/style.less b/src/style.less
index 58ba8bd6..64418f22 100644
--- a/src/style.less
+++ b/src/style.less
@@ -5920,6 +5920,10 @@ table th {
             display: inline-block;
             vertical-align: top;
         }
+        .dynamic-html{
+            width: 100%;
+            overflow: hidden;
+        }
     }
     .post-sidebar{
         max-width: 422px;
@@ -5931,6 +5935,7 @@ table th {
         @media(max-width: 767px){
             max-width: 100%;
             padding-right: 0;
+            position: relative !important;
         }
     }
     .post-content{
diff --git a/src/templates/blog-post.tsx b/src/templates/blog-post.tsx
index e8d6c207..a4a412ce 100644
--- a/src/templates/blog-post.tsx
+++ b/src/templates/blog-post.tsx
@@ -38,6 +38,25 @@ const BlogPostTemplate = ({ data: { previous, next, post }, pageContext }) => {
         }
     }, [])
 
+    const tocBody = (
+        <>
+            <RenderToc items={post.body.data.childHtmlRehype.tableOfContents} />
+            <div className="popular-articles">
+                <PopularArticles />
+            </div>
+
+            <div className="sidebar-cta">
+                <h3>Start streaming your data for free</h3>
+                <Link
+                    to="https://dashboard.estuary.dev/register"
+                    className="pipeline-link"
+                >
+                    Build a Pipeline
+                </Link>
+            </div>
+        </>
+    )
+
     return (
         <Layout headerTheme="light">
             <article
@@ -71,27 +90,18 @@ const BlogPostTemplate = ({ data: { previous, next, post }, pageContext }) => {
                 </div>
                 {post.body && (
                     <section className="blog-post-content">
-                        <StickyBox offsetBottom={16} offsetTop={16} className="post-sidebar">
-                            <RenderToc
-                                items={
-                                    post.body.data.childHtmlRehype
-                                        .tableOfContents
-                                }
-                            />
-                            <div className="popular-articles">
-                                <PopularArticles />
-                            </div>
+                        {windowWidth > 767 ? (
+                            <StickyBox
+                                offsetBottom={16}
+                                offsetTop={16}
+                                className="post-sidebar"
+                            >
+                                {tocBody}
+                            </StickyBox>
+                        ) : (
+                            tocBody
+                        )}
 
-                            <div className="sidebar-cta">
-                                <h3>Start streaming your data for free</h3>
-                                <Link
-                                    to="https://dashboard.estuary.dev/register"
-                                    className="pipeline-link"
-                                >
-                                    Build a Pipeline
-                                </Link>
-                            </div>
-                        </StickyBox>
                         <ProcessedPost
                             body={post.body.data.childHtmlRehype.html}
                         />