diff --git a/src/components/common/SocialShare.astro b/src/components/common/SocialShare.astro
index 852587b..d40752f 100644
--- a/src/components/common/SocialShare.astro
+++ b/src/components/common/SocialShare.astro
@@ -11,7 +11,7 @@ const { text, url, class: className = 'inline-block' } = Astro.props;
 ---
 
 <div class={className}>
-  <span class="align-super font-bold text-gray-400 dark:text-slate-400">Share:</span>
+  <span class="align-super font-bold text-slate-500 dark:text-slate-400">Share:</span>
   <button class="ml-2 rtl:ml-0 rtl:mr-2" title="Twitter Share" data-aw-social-share="twitter" data-aw-url={url} data-aw-text={text}
     ><Icon
       name="tabler:brand-x"
diff --git a/src/content/post/markdown-elements-demo-post.mdx b/src/content/post/markdown-elements-demo-post.mdx
index 3cb2de2..559d54b 100644
--- a/src/content/post/markdown-elements-demo-post.mdx
+++ b/src/content/post/markdown-elements-demo-post.mdx
@@ -182,7 +182,7 @@ import Logo from "~/components/Logo.astro";
 <Logo />
 ```
 
-<div style="background:#eee;padding: 10px 5px">
+<div style="border:1px dashed;padding: 10px 5px">
   <Logo />
 </div>