diff --git a/src/components/home/Menu.js b/src/components/home/Menu.js
index 5b0ff527..90bf8886 100644
--- a/src/components/home/Menu.js
+++ b/src/components/home/Menu.js
@@ -80,6 +80,22 @@ export default function MenuButton() {
                 </Link>
               )}
             </Menu.Item>
+            <Menu.Item>
+              {({ active }) => (
+                <Link href="/blog">
+                  <a
+                    className={classNames(
+                      active
+                        ? 'bg-gray-100 text-gray-900 dark:bg-gray-700 dark:text-white'
+                        : 'text-gray-700 hover:bg-gray-200 dark:text-gray-200 dark:hover:bg-gray-700',
+                      'block w-full px-4 py-2 text-left text-base'
+                    )}
+                  >
+                    Blog
+                  </a>
+                </Link>
+              )}
+            </Menu.Item>
             <Menu.Item>
               {({ active }) => (
                 <Link href="/license">
diff --git a/src/css/main.css b/src/css/main.css
index 3c9deb2d..b68d0465 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -27,13 +27,14 @@ p {
   @apply text-gray-500 dark:text-gray-300;
 }
 
-p a,.prose a {
-  @apply text-blue-500 dark:text-blue-300 no-underline hover:underline;
+p a,
+.prose a {
+  @apply text-blue-500 no-underline hover:underline dark:text-blue-300;
 }
 
 .prose p code,
 li code {
-  @apply text-gray-700 dark:text-white bg-gray-200 dark:bg-gray-600;
+  @apply bg-gray-200 text-gray-700 dark:bg-gray-600 dark:text-white;
 }
 
 hr {
@@ -41,9 +42,13 @@ hr {
 }
 
 thead tr th {
-  @apply text-gray-700 dark:text-white bg-gray-200 dark:bg-gray-600;
+  @apply bg-gray-200 text-gray-700 dark:bg-gray-600 dark:text-white;
 }
 
 .prose {
   @apply text-gray-500 dark:text-gray-300;
 }
+
+.prose strong {
+  font-weight: 700;
+}