diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index 0f9888f..b8bd1e2 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -53,9 +53,11 @@ export default function Index() {
               </a>
             </IconContext.Provider>
           </nav>
-          <LinkWrapper>
-            <Link to="/blog">Blog</Link>
-          </LinkWrapper>
+          <div className="flex justify-center items-center space-x-6">
+            <LinkWrapper>
+              <Link to="/blog">Blog</Link>
+            </LinkWrapper>
+          </div>
         </div>
       </div>
     </div>
diff --git a/app/routes/blog.$file.tsx b/app/routes/blog.$file.tsx
index 708ea6d..5fef84e 100644
--- a/app/routes/blog.$file.tsx
+++ b/app/routes/blog.$file.tsx
@@ -46,7 +46,7 @@ export const meta: MetaFunction<typeof loader> = ({ data }) => {
   ];
 };
 
-export default function () {
+export default function Post() {
   const {
     code,
     frontmatter: { title, published },
@@ -62,7 +62,7 @@ export default function () {
         <time>{formattedDate}</time>
       </div>
       <div className="flex flex-col items-center">
-        <div className="space-y-5 sm:w-full sm:px-5 lg:w-5/6 xl:w-1/3">
+        <div className="space-y-5 sm:w-full sm:px-5 lg:w-5/6 xl:w-2/3">
           <div className="dark:prose-invert prose-a:no-underline prose-a:font-bold hover:prose-a:text-[#ffff00] prose-p:text-[#d6d6d6]">
             <MdxComponent />
           </div>
diff --git a/app/routes/blog._index.tsx b/app/routes/blog._index.tsx
index 8dbbb89..22ef461 100644
--- a/app/routes/blog._index.tsx
+++ b/app/routes/blog._index.tsx
@@ -13,7 +13,7 @@ export const loader = () => {
   return findPosts();
 };
 
-export default function () {
+export default function Blog() {
   const posts = useLoaderData<typeof loader>();
 
   return (
diff --git a/app/routes/blog.tsx b/app/routes/blog.tsx
index a18b8c5..1ebe307 100644
--- a/app/routes/blog.tsx
+++ b/app/routes/blog.tsx
@@ -20,7 +20,7 @@ export const meta: MetaFunction = () => {
   ];
 };
 
-export default function () {
+export default function BlogLayout() {
   const { handle } = useMatch();
 
   return (