diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
index 91b5e03..4cdec51 100644
--- a/src/pages/posts/[...slug].astro
+++ b/src/pages/posts/[...slug].astro
@@ -36,6 +36,7 @@ const datestamp = post.data.date.toLocaleDateString(undefined, {
   <!-- <meta slot="head" property="og:url" content="{{ .Permalink }}" /> -->
   <!-- <meta slot="head" property="og:description" content="{{ .Summary }}" /> -->
   <meta slot="head" property="og:type" content="article" />
+  {heroImage && <meta slot="head" property="og:image" content={heroImage.src} />}
   <meta slot="head" property="article:published_time" content={datestamp} />
 
   <div class="post-container">
diff --git a/src/styles/post.scss b/src/styles/post.scss
index 8829b87..78a8c42 100644
--- a/src/styles/post.scss
+++ b/src/styles/post.scss
@@ -33,7 +33,7 @@
     display: none;
   }
 
-  p img {
+  p > img {
     max-width: 100%;
     height: auto;
 
@@ -41,6 +41,12 @@
     border: 1px solid var(--hr-color);
   }
 
+  pre > code {
+    padding: 12px;
+    border-radius: 8px;
+    border: 1px solid var(--hr-color);
+  }
+
   /*
     @media screen and (max-width: 520px) {
         flex-direction: column;