fix(blog): sharing icons should inherit the color

src/components/Blog/ContentsTable/index.tsx

@@ -5,6 +5,7 @@ import { useMemo } from 'react'
 import { scrollToElement } from '@/lib/scrollSmooth'
 import { Typography } from '@mui/material'
 import Link from 'next/link'
+import css from '../styles.module.css'
 
 const ContentsTable = ({ content }: { content: ContentfulDocument }) => {
   const handleContentTableClick = (e: React.MouseEvent<HTMLAnchorElement>, target: string) => {
@@ -25,7 +26,7 @@ const ContentsTable = ({ content }: { content: ContentfulDocument }) => {
   )
 
   return (
-    <ul>
+    <ul className={css.contentsTable}>
       {headings.map((heading) => {
         const headingKey = kebabCase(heading.id)
 

src/components/Blog/Post/index.tsx

@@ -83,7 +83,9 @@ const BlogPost = ({ blogPost }: { blogPost: BlogPostEntry }) => {
 
             <Sidebar content={content} title={title} authors={authorsList} isPressRelease={isPressRelease} showInXs />
 
-            <RichText {...content} />
+            <div className={css.postBody}>
+              <RichText {...content} />
+            </div>
           </Grid>
         </Grid>
 
@@ -111,6 +113,7 @@ const Sidebar = ({
   <Grid item xs={12} md={4} className={showInXs ? css.showInXs : css.showInMd}>
     <aside className={css.sidebar}>
       <ContentsTable content={content} />
+
       <Socials title={title} authors={authors} />
 
       {isPressRelease ? (

src/components/Blog/styles.module.css

@@ -77,11 +77,13 @@
   font-weight: bold;
 }
 
-.content a {
+.postBody a,
+.contentsTable a {
   color: var(--mui-palette-primary-main);
 }
 
-.content a:hover {
+.postBody a:hover,
+.contentsTable a:hover {
   text-decoration: underline;
 }