diff --git a/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx b/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
index d459ac6b..bd24c4a5 100644
--- a/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
+++ b/app/(app)/alpha/new/[[...postIdArr]]/_client.tsx
@@ -19,8 +19,6 @@ const Create = () => {
   const postId = params?.postIdArr?.[0] || "";
 
   const {
-    viewPreview,
-    setViewPreview,
     tags,
     tagValue,
     savedTime,
@@ -54,13 +52,6 @@ const Create = () => {
 
   return (
     <>
-      <button
-        type="button"
-        className="absolute right-10 top-10 mt-4 inline-flex justify-center border border-neutral-300 bg-white px-4 py-2 text-sm font-medium text-neutral-600 shadow-sm hover:bg-neutral-50 focus:outline-none focus:ring-2 focus:ring-pink-300 focus:ring-offset-2"
-        onClick={() => setViewPreview((current) => !current)}
-      >
-        Preview
-      </button>
       <form onSubmit={handleSubmit(onSubmit)}>
         <Transition show={open} as={Fragment}>
           <div className="fixed bottom-0 left-0 top-0 z-50 h-screen w-full bg-black">
@@ -232,71 +223,55 @@ const Create = () => {
                   {/* Start main area*/}
                   <div className="relative h-full">
                     <div className="bg-neutral-900 text-white  shadow-xl">
-                      {viewPreview ? (
-                        <section className="mx-auto max-w-xl px-4 py-6 pb-4 sm:p-6 lg:pb-8">
-                          <article
-                            className="prose prose-invert lg:prose-lg"
-                            style={{
-                              whiteSpace: "pre-wrap",
-                              overflowWrap: "anywhere",
-                            }}
-                          >
-                            <RenderPost json={body} />
-                          </article>
-                        </section>
-                      ) : (
-                        <div className="bg-neutral-900 px-4 py-6 sm:p-6 lg:pb-8">
-                          {!body && (
-                            <Controller
-                              name="body"
-                              control={control}
-                              render={({ field }) => (
-                                <Editor {...field} initialValue={"{}"} />
-                              )}
-                            />
-                          )}
-                          {body && body.length > 0 && (
-                            <Controller
-                              name="body"
-                              control={control}
-                              render={({ field }) => (
-                                <Editor {...field} initialValue={body} />
-                              )}
-                            />
-                          )}
+                      <div className="bg-neutral-900 px-4 py-6 sm:p-6 lg:pb-8">
+                        {!body && (
+                          <Controller
+                            name="body"
+                            control={control}
+                            render={({ field }) => (
+                              <Editor {...field} initialValue={"{}"} />
+                            )}
+                          />
+                        )}
+                        {body && body.length > 0 && (
+                          <Controller
+                            name="body"
+                            control={control}
+                            render={({ field }) => (
+                              <Editor {...field} initialValue={body} />
+                            )}
+                          />
+                        )}
 
-                          <div className="flex items-center justify-between">
-                            <>
-                              {saveStatus === "loading" && (
-                                <p>Auto-saving...</p>
-                              )}
-                              {saveStatus === "error" && savedTime && (
-                                <p className="text-xs text-red-600 lg:text-sm">
-                                  {`Error saving, last saved: ${savedTime.toString()}`}
-                                </p>
-                              )}
-                              {saveStatus === "success" && savedTime && (
-                                <p className="text-xs text-neutral-400 lg:text-sm">
-                                  {`Saved: ${savedTime.toString()}`}
-                                </p>
-                              )}
-                            </>
-                            <div />
+                        <div className="flex items-center justify-between">
+                          <>
+                            {saveStatus === "loading" && <p>Auto-saving...</p>}
+                            {saveStatus === "error" && savedTime && (
+                              <p className="text-xs text-red-600 lg:text-sm">
+                                {`Error saving, last saved: ${savedTime.toString()}`}
+                              </p>
+                            )}
+                            {saveStatus === "success" && savedTime && (
+                              <p className="text-xs text-neutral-400 lg:text-sm">
+                                {`Saved: ${savedTime.toString()}`}
+                              </p>
+                            )}
+                          </>
+                          <div />
 
-                            <div className="flex">
-                              <button
-                                type="button"
-                                disabled={isDisabled}
-                                className="ml-5 inline-flex justify-center bg-gradient-to-r from-orange-400 to-pink-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:from-orange-300 hover:to-pink-500 focus:outline-none focus:ring-2 focus:ring-pink-300 focus:ring-offset-2 disabled:opacity-50"
-                                onClick={() => setOpen(true)}
-                              >
-                                {!data?.published && "Publish"}
-                                {data?.published && "Save Changes"}
-                              </button>
-                            </div>
+                          <div className="flex">
+                            <button
+                              type="button"
+                              disabled={isDisabled}
+                              className="ml-5 inline-flex justify-center bg-gradient-to-r from-orange-400 to-pink-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:from-orange-300 hover:to-pink-500 focus:outline-none focus:ring-2 focus:ring-pink-300 focus:ring-offset-2 disabled:opacity-50"
+                              onClick={() => setOpen(true)}
+                            >
+                              {!data?.published && "Publish"}
+                              {data?.published && "Save Changes"}
+                            </button>
                           </div>
                         </div>
-                      )}
+                      </div>
                     </div>
                   </div>
                   {/* End main area */}
diff --git a/hooks/useCreatePage.ts b/hooks/useCreatePage.ts
index 0937e041..2771141c 100644
--- a/hooks/useCreatePage.ts
+++ b/hooks/useCreatePage.ts
@@ -15,8 +15,6 @@ import { useDebounce } from "./useDebounce";
 import { redirect, useRouter } from "next/navigation";
 
 export type useCreatePageReturnType = {
-  viewPreview: boolean;
-  setViewPreview: React.Dispatch<React.SetStateAction<boolean>>;
   tags: string[];
   setTags: React.Dispatch<React.SetStateAction<string[]>>;
   tagValue: string;
@@ -60,7 +58,6 @@ type useCreatepagePropTypes = {
 function useCreatePage({
   postId,
 }: useCreatepagePropTypes): useCreatePageReturnType {
-  const [viewPreview, setViewPreview] = useState<boolean>(false);
   const [tags, setTags] = useState<string[]>([]);
   const [tagValue, setTagValue] = useState<string>("");
   const [savedTime, setSavedTime] = useState<string>("");
@@ -276,8 +273,6 @@ function useCreatePage({
   };
 
   return {
-    viewPreview,
-    setViewPreview,
     tags,
     setTags,
     tagValue,