diff --git a/Frontend/app/(admin)/blogs/[slug]/page.tsx b/Frontend/app/(admin)/blogs/[slug]/page.tsx
index 2865841..dd3f7b6 100644
--- a/Frontend/app/(admin)/blogs/[slug]/page.tsx
+++ b/Frontend/app/(admin)/blogs/[slug]/page.tsx
@@ -7,6 +7,8 @@ import xButton from "@/images/icon-x.svg";
 import getPostMetadata from "@/utils/getPostMetaData";
 import { headers } from "next/headers";
 import React from "react";
+import Icon from "@/components/icon";
+import Spacer from "@/components/Utilities/Spacer";
 
 const getPostContent = (slug: string) => {
   const folder = "blogs/";
@@ -47,37 +49,10 @@ const PostPage = (props: any) => {
   const post = getPostContent(slug);
   const showModal = props.searchParams?.modal;
   return (
-    <>
-      {showModal ? (
-        <div className="relative bg-grey-950 w-full h-max z-40 py-24 px-6 flex justify-center pointer-events-none">
-          <div className="p-8 bg-gray-100 dark:bg-pink-900 w-full max-w-[700px] rounded-xl z-50 relative pointer-events-auto">
-            <div className="flex justify-between w-full">
-              <Link href="/blogs" className="text-primary">
-                ← Back to Blogs
-              </Link>
-              <div className="flex justify-end pb-2 select-none">
-                <Link href="/blogs">
-                  <Image
-                    className="rounded-full p-1 hover:bg-gray-500"
-                    src={xButton}
-                    alt="close button"
-                  />
-                </Link>
-              </div>
-            </div>
-            <div className="my-6 md:my-12 border-b border-gray-600 pb-2">
-              <BlogContent post={post} />
-            </div>
-          </div>
-        </div>
-      ) : (
-        <div className="p-8 bg-grey-950">
-          <div className="max-w-5xl mx-auto mb-24 h-full w-full py-12 px-8 pt-32">
-            <BlogContent post={post} />
-          </div>
-        </div>
-      )}
-    </>
+    <div className="flex flex-col h-full w-full bg-white dark:bg-black px-8 md:max-w-3xl md:mx-auto">
+      <Spacer className="pt-32" />
+      <BlogContent post={post} />
+    </div>
   );
 };
 
diff --git a/Frontend/components/icon/Icon.tsx b/Frontend/components/icon/Icon.tsx
index 19d34e7..55f6844 100644
--- a/Frontend/components/icon/Icon.tsx
+++ b/Frontend/components/icon/Icon.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import * as FluentIcons from "@fluentui/react-icons";
 import { IconProps, iconSize } from "./types";