diff --git a/public/images/linkedin-icon.svg b/public/images/linkedin-icon.svg
new file mode 100644
index 000000000..7929cb179
--- /dev/null
+++ b/public/images/linkedin-icon.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.22222 22H19.7778C21.0051 22 22 21.0051 22 19.7778V4.22222C22 2.99492 21.0051 2 19.7778 2H4.22222C2.99492 2 2 2.99492 2 4.22222V19.7778C2 21.0051 2.99492 22 4.22222 22Z" fill="white"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2223 19.2223H16.2544V14.1673C16.2544 12.7814 15.7278 12.0069 14.6308 12.0069C13.4374 12.0069 12.814 12.8129 12.814 14.1673V19.2223H9.95376V9.59265H12.814V10.8898C12.814 10.8898 13.674 9.29845 15.7174 9.29845C17.76 9.29845 19.2223 10.5457 19.2223 13.1254V19.2223ZM6.54154 8.33172C5.56729 8.33172 4.77783 7.53607 4.77783 6.55478C4.77783 5.57349 5.56729 4.77783 6.54154 4.77783C7.51579 4.77783 8.30478 5.57349 8.30478 6.55478C8.30478 7.53607 7.51579 8.33172 6.54154 8.33172ZM5.06465 19.2223H8.04711V9.59265H5.06465V19.2223Z" fill="#121312"/>
+  <defs>
+    <rect width="20" height="20" fill="white" transform="translate(2 2)"/>
+  </defs>
+</svg>
diff --git a/src/components/Blog/ContentTable/index.tsx b/src/components/Blog/ContentsTable/index.tsx
similarity index 57%
rename from src/components/Blog/ContentTable/index.tsx
rename to src/components/Blog/ContentsTable/index.tsx
index e8de5c6f9..972171424 100644
--- a/src/components/Blog/ContentTable/index.tsx
+++ b/src/components/Blog/ContentsTable/index.tsx
@@ -1,12 +1,11 @@
 import kebabCase from 'lodash/kebabCase'
-import css from '../styles.module.css'
 import { BLOCKS, type Document as ContentfulDocument, type Text } from '@contentful/rich-text-types'
 import { isText } from '@/lib/typeGuards'
 import { useMemo } from 'react'
 import { scrollToElement } from '@/lib/scrollSmooth'
 import { Typography } from '@mui/material'
 
-const ContentTable = ({ content }: { content: ContentfulDocument }) => {
+const ContentsTable = ({ content }: { content: ContentfulDocument }) => {
   const handleContentTableClick = (e: React.MouseEvent<HTMLAnchorElement>, target: string) => {
     e.preventDefault()
 
@@ -26,24 +25,22 @@ const ContentTable = ({ content }: { content: ContentfulDocument }) => {
   )
 
   return (
-    <aside className={css.contentTable}>
-      <ul>
-        {headings.map((heading) => {
-          const headingKey = kebabCase(heading.id)
+    <ul>
+      {headings.map((heading) => {
+        const headingKey = kebabCase(heading.id)
 
-          return (
-            <li key={headingKey}>
-              <Typography>
-                <a onClick={(e) => handleContentTableClick(e, headingKey)} href={`#${headingKey}`}>
-                  {heading.text}
-                </a>
-              </Typography>
-            </li>
-          )
-        })}
-      </ul>
-    </aside>
+        return (
+          <li key={headingKey}>
+            <Typography>
+              <a onClick={(e) => handleContentTableClick(e, headingKey)} href={`#${headingKey}`}>
+                {heading.text}
+              </a>
+            </Typography>
+          </li>
+        )
+      })}
+    </ul>
   )
 }
 
-export default ContentTable
+export default ContentsTable
diff --git a/src/components/Blog/Post/index.tsx b/src/components/Blog/Post/index.tsx
index 52ce82317..2d8a9ff45 100644
--- a/src/components/Blog/Post/index.tsx
+++ b/src/components/Blog/Post/index.tsx
@@ -11,7 +11,8 @@ import BreadcrumbsNav from '@/components/Blog/BreadcrumbsNav'
 import Tags from '@/components/Blog/Tags'
 import Authors from '@/components/Blog/Authors'
 import RichText from '@/components/Campaign/RichText'
-import ContentTable from '@/components/Blog/ContentTable'
+import ContentsTable from '@/components/Blog/ContentsTable'
+import Socials from '@/components/Blog/Socials'
 import RelatedPosts from '@/components/Blog/RelatedPosts'
 import CategoryIcon from '@/public/images/Blog/category-icon.svg'
 import css from '../styles.module.css'
@@ -27,15 +28,6 @@ const BlogPost = ({ blogPost }: { blogPost: BlogPostEntry }) => {
       <Container className={css.post}>
         <BreadcrumbsNav category={category} title={title} />
 
-        {isAsset(coverImage) && coverImage.fields.file?.url ? (
-          <Image
-            src={coverImage.fields.file.url}
-            alt={(coverImage.fields.title = '')}
-            width={coverImage.fields.file.details.image?.width}
-            height={coverImage.fields.file.details.image?.height}
-          />
-        ) : undefined}
-
         <div className={css.meta}>
           <div className={css.metaStart}>
             <Typography className={css.category}>
@@ -65,10 +57,21 @@ const BlogPost = ({ blogPost }: { blogPost: BlogPostEntry }) => {
 
         <Grid container className={css.content} columnSpacing={3}>
           <Grid item xs={12} md={4}>
-            <ContentTable content={content} />
+            <aside className={css.sidebar}>
+              <ContentsTable content={content} />
+              <Socials title={title} authors={authors.filter(isEntryTypeAuthor)} />
+            </aside>
           </Grid>
 
           <Grid item xs={12} md={8}>
+            {isAsset(coverImage) && coverImage.fields.file?.url ? (
+              <Image
+                src={coverImage.fields.file.url}
+                alt={(coverImage.fields.title = '')}
+                width={coverImage.fields.file.details.image?.width}
+                height={coverImage.fields.file.details.image?.height}
+              />
+            ) : undefined}
             <RichText {...content} />
           </Grid>
         </Grid>
diff --git a/src/components/Blog/Socials/index.tsx b/src/components/Blog/Socials/index.tsx
new file mode 100644
index 000000000..1dd01a545
--- /dev/null
+++ b/src/components/Blog/Socials/index.tsx
@@ -0,0 +1,40 @@
+import { useRouter } from 'next/router'
+import { AppRoutes } from '@/config/routes'
+import XIcon from '@/public/images/x-icon.svg'
+import LinkedinIcon from '@/public/images/linkedin-icon.svg'
+import { type Entry } from 'contentful'
+import { type TypeAuthorSkeleton } from '@/contentful/types'
+import { IconButton, SvgIcon } from '@mui/material'
+import css from '../styles.module.css'
+
+const Socials = ({ title, authors }: { title: string; authors: Entry<TypeAuthorSkeleton, undefined, string>[] }) => {
+  const router = useRouter()
+
+  const currentUrl = `${AppRoutes.blog}${router.asPath}`
+
+  const sharingText = `${title} by @${authors
+    .map((author) => author.fields.name)
+    .join(', @')
+    .toString()}`
+
+  const xUrl = `https://twitter.com/intent/tweet?url=${encodeURIComponent(currentUrl)}&text=${encodeURIComponent(
+    sharingText,
+  )}`
+  const linkedinUrl = `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(currentUrl)}`
+
+  return (
+    <div className={css.socials}>
+      {/* X */}
+      <IconButton aria-label="Share on X" href={xUrl} target="_blank" rel="noreferrer" size="small">
+        <SvgIcon component={XIcon} fontSize="inherit" color="inherit" inheritViewBox />
+      </IconButton>
+
+      {/* Linkedin */}
+      <IconButton aria-label="Share on Linkedin" href={linkedinUrl} target="_blank" rel="noreferrer" size="small">
+        <SvgIcon component={LinkedinIcon} fontSize="inherit" color="inherit" inheritViewBox />
+      </IconButton>
+    </div>
+  )
+}
+
+export default Socials
diff --git a/src/components/Blog/styles.module.css b/src/components/Blog/styles.module.css
index 5ff4f09c8..868e6b1dd 100644
--- a/src/components/Blog/styles.module.css
+++ b/src/components/Blog/styles.module.css
@@ -71,15 +71,25 @@
   color: var(--mui-palette-primary-main);
 }
 
-.contentTable ul {
+.sidebar ul {
   padding-left: 0px;
   list-style: none;
 }
 
-.contentTable li {
+.sidebar li {
   margin-bottom: 8px;
 }
 
+.socials {
+  display: flex;
+  gap: 16px;
+}
+
+.socials svg {
+  width: 24px;
+  height: 24px;
+}
+
 @media (min-width: 900px) {
   .title {
     margin-top: 24px;
@@ -93,7 +103,7 @@
     flex-direction: row-reverse;
   }
 
-  .contentTable {
+  .sidebar {
     position: sticky;
     top: calc(var(--header-height) + 24px);
   }