diff --git a/apiserver/back_migration.py b/apiserver/back_migration.py
index 33513f15c..57ded0ba4 100644
--- a/apiserver/back_migration.py
+++ b/apiserver/back_migration.py
@@ -1,5 +1,5 @@
 # All the python scripts that are used for back migrations
-
+from plane.db.models import ProjectIdentifier
 from plane.db.models import Issue, IssueComment
 
 # Update description and description html values for old descriptions
@@ -40,3 +40,21 @@ def update_comments():
     except Exception as e:
         print(e)
         print("Failed")
+
+
+def update_project_identifiers():
+    try:
+        project_identifiers = ProjectIdentifier.objects.filter(workspace_id=None).select_related("project", "project__workspace")
+        updated_identifiers = []
+    
+        for identifier in project_identifiers:
+            identifier.workspace_id = identifier.project.workspace_id
+            updated_identifiers.append(identifier)
+
+        ProjectIdentifier.objects.bulk_update(
+            updated_identifiers, ["workspace_id"], batch_size=50
+        )
+        print("Success")
+    except Exception as e:
+        print(e)
+        print("Failed")
diff --git a/apps/app/components/account/email-signin-form.tsx b/apps/app/components/account/email-signin-form.tsx
index 3d13ca5a1..5e47f36d3 100644
--- a/apps/app/components/account/email-signin-form.tsx
+++ b/apps/app/components/account/email-signin-form.tsx
@@ -28,7 +28,7 @@ export const EmailSignInForm: FC<EmailSignInFormProps> = (props) => {
             <span className="bg-white px-2 text-gray-500">or</span>
           </div>
         </div>
-        <div className="mt-6 flex w-full flex-col items-stretch gap-y-2">
+        {/* <div className="mt-6 flex w-full flex-col items-stretch gap-y-2">
           <button
             type="button"
             className="flex w-full items-center rounded border border-gray-300 px-3 py-2 text-sm duration-300 hover:bg-gray-100"
@@ -39,7 +39,7 @@ export const EmailSignInForm: FC<EmailSignInFormProps> = (props) => {
               {useCode ? "Continue with Password" : "Continue with Code"}
             </span>
           </button>
-        </div>
+        </div> */}
       </div>
     </>
   );
diff --git a/apps/app/components/common/bulk-delete-issues-modal.tsx b/apps/app/components/common/bulk-delete-issues-modal.tsx
index 8b8125b48..64a65c22a 100644
--- a/apps/app/components/common/bulk-delete-issues-modal.tsx
+++ b/apps/app/components/common/bulk-delete-issues-modal.tsx
@@ -24,8 +24,7 @@ import { IIssue, IssueResponse } from "types";
 import { PROJECT_ISSUES_LIST, PROJECT_DETAILS } from "constants/fetch-keys";
 
 type FormInput = {
-  issue_ids: string[];
-  cycleId: string;
+  delete_issue_ids: string[];
 };
 
 type Props = {
@@ -61,17 +60,27 @@ const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
   const { setToastAlert } = useToast();
 
   const {
-    register,
     handleSubmit,
+    watch,
     reset,
+    setValue,
     formState: { isSubmitting },
-  } = useForm<FormInput>();
+  } = useForm<FormInput>({
+    defaultValues: {
+      delete_issue_ids: [],
+    },
+  });
 
   const filteredIssues: IIssue[] =
     query === ""
       ? issues?.results ?? []
-      : issues?.results.filter((issue) => issue.name.toLowerCase().includes(query.toLowerCase())) ??
-        [];
+      : issues?.results.filter(
+          (issue) =>
+            issue.name.toLowerCase().includes(query.toLowerCase()) ||
+            `${issue.project_detail.identifier}-${issue.sequence_id}`
+              .toLowerCase()
+              .includes(query.toLowerCase())
+        ) ?? [];
 
   const handleClose = () => {
     setIsOpen(false);
@@ -80,7 +89,7 @@ const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
   };
 
   const handleDelete: SubmitHandler<FormInput> = async (data) => {
-    if (!data.issue_ids || data.issue_ids.length === 0) {
+    if (!data.delete_issue_ids || data.delete_issue_ids.length === 0) {
       setToastAlert({
         title: "Error",
         type: "error",
@@ -89,30 +98,34 @@ const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
       return;
     }
 
-    if (!Array.isArray(data.issue_ids)) data.issue_ids = [data.issue_ids];
+    if (!Array.isArray(data.delete_issue_ids)) data.delete_issue_ids = [data.delete_issue_ids];
 
     if (workspaceSlug && projectId) {
       await issuesServices
-        .bulkDeleteIssues(workspaceSlug as string, projectId as string, data)
+        .bulkDeleteIssues(workspaceSlug as string, projectId as string, {
+          issue_ids: data.delete_issue_ids,
+        })
         .then((res) => {
           setToastAlert({
             title: "Success",
             type: "success",
             message: res.message,
           });
+
           mutate<IssueResponse>(
             PROJECT_ISSUES_LIST(workspaceSlug as string, projectId as string),
             (prevData) => ({
               ...(prevData as IssueResponse),
               count: (prevData?.results ?? []).filter(
-                (p) => !data.issue_ids.some((id) => p.id === id)
+                (p) => !data.delete_issue_ids.some((id) => p.id === id)
               ).length,
               results: (prevData?.results ?? []).filter(
-                (p) => !data.issue_ids.some((id) => p.id === id)
+                (p) => !data.delete_issue_ids.some((id) => p.id === id)
               ),
             }),
             false
           );
+          handleClose();
         })
         .catch((e) => {
           console.log(e);
@@ -123,18 +136,6 @@ const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
   return (
     <Transition.Root show={isOpen} as={React.Fragment} afterLeave={() => setQuery("")} appear>
       <Dialog as="div" className="relative z-20" onClose={handleClose}>
-        <Transition.Child
-          as={React.Fragment}
-          enter="ease-out duration-300"
-          enterFrom="opacity-0"
-          enterTo="opacity-100"
-          leave="ease-in duration-200"
-          leaveFrom="opacity-100"
-          leaveTo="opacity-0"
-        >
-          <div className="fixed inset-0 bg-gray-500 bg-opacity-25 transition-opacity" />
-        </Transition.Child>
-
         <div className="fixed inset-0 z-20 overflow-y-auto p-4 sm:p-6 md:p-20">
           <Transition.Child
             as={React.Fragment}
@@ -145,15 +146,31 @@ const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
             leaveFrom="opacity-100 scale-100"
             leaveTo="opacity-0 scale-95"
           >
-            <Dialog.Panel className="relative mx-auto max-w-2xl transform divide-y divide-gray-500 divide-opacity-10 rounded-xl bg-white bg-opacity-80 shadow-2xl ring-1 ring-black ring-opacity-5 backdrop-blur backdrop-filter transition-all">
+            <Dialog.Panel className="relative mx-auto max-w-2xl transform divide-y divide-gray-500 divide-opacity-10 rounded-xl bg-white shadow-2xl ring-1 ring-black ring-opacity-5 transition-all">
               <form>
-                <Combobox>
+                <Combobox
+                  onChange={(val: string) => {
+                    const selectedIssues = watch("delete_issue_ids");
+                    if (selectedIssues.includes(val))
+                      setValue(
+                        "delete_issue_ids",
+                        selectedIssues.filter((i) => i !== val)
+                      );
+                    else {
+                      const newToDelete = selectedIssues;
+                      newToDelete.push(val);
+
+                      setValue("delete_issue_ids", newToDelete);
+                    }
+                  }}
+                >
                   <div className="relative m-1">
                     <MagnifyingGlassIcon
                       className="pointer-events-none absolute top-3.5 left-4 h-5 w-5 text-gray-900 text-opacity-40"
                       aria-hidden="true"
                     />
-                    <Combobox.Input
+                    <input
+                      type="text"
                       className="h-12 w-full border-0 bg-transparent pl-11 pr-4 text-gray-900 placeholder-gray-500 outline-none focus:ring-0 sm:text-sm"
                       placeholder="Search..."
                       onChange={(event) => setQuery(event.target.value)}
@@ -175,12 +192,8 @@ const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
                           {filteredIssues.map((issue) => (
                             <Combobox.Option
                               key={issue.id}
-                              as="label"
-                              htmlFor={`issue-${issue.id}`}
-                              value={{
-                                name: issue.name,
-                                url: `/${workspaceSlug}/projects/${issue.project}/issues/${issue.id}`,
-                              }}
+                              as="div"
+                              value={issue.id}
                               className={({ active }) =>
                                 `flex cursor-pointer select-none items-center justify-between rounded-md px-3 py-2 ${
                                   active ? "bg-gray-900 bg-opacity-5 text-gray-900" : ""
@@ -190,9 +203,8 @@ const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
                               <div className="flex items-center gap-2">
                                 <input
                                   type="checkbox"
-                                  {...register("issue_ids")}
-                                  id={`issue-${issue.id}`}
-                                  value={issue.id}
+                                  checked={watch("delete_issue_ids").includes(issue.id)}
+                                  readOnly
                                 />
                                 <span
                                   className="block h-1.5 w-1.5 flex-shrink-0 rounded-full"
@@ -219,18 +231,6 @@ const BulkDeleteIssuesModal: React.FC<Props> = ({ isOpen, setIsOpen }) => {
                       </div>
                     )}
                   </Combobox.Options>
-
-                  {query !== "" && filteredIssues.length === 0 && (
-                    <div className="py-14 px-6 text-center sm:px-14">
-                      <FolderIcon
-                        className="mx-auto h-6 w-6 text-gray-900 text-opacity-40"
-                        aria-hidden="true"
-                      />
-                      <p className="mt-4 text-sm text-gray-900">
-                        We couldn{"'"}t find any issue with that term. Please try again.
-                      </p>
-                    </div>
-                  )}
                 </Combobox>
 
                 {filteredIssues.length > 0 && (
diff --git a/apps/app/components/cycles/select.tsx b/apps/app/components/cycles/select.tsx
index 3182343a8..26de56bb8 100644
--- a/apps/app/components/cycles/select.tsx
+++ b/apps/app/components/cycles/select.tsx
@@ -7,7 +7,8 @@ import useSWR from "swr";
 // headless ui
 import { Listbox, Transition } from "@headlessui/react";
 // icons
-import { PlusIcon, ArrowPathIcon } from "@heroicons/react/24/outline";
+import { PlusIcon } from "@heroicons/react/24/outline";
+import { CyclesIcon } from "components/icons";
 // services
 import cycleServices from "services/cycles.service";
 // components
@@ -65,7 +66,7 @@ export const CycleSelect: React.FC<IssueCycleSelectProps> = ({
             <Listbox.Button
               className={`flex cursor-pointer items-center gap-1 rounded-md border px-2 py-1 text-xs shadow-sm duration-300 hover:bg-gray-100 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500`}
             >
-              <ArrowPathIcon className="h-3 w-3 text-gray-500" />
+              <CyclesIcon className="h-3 w-3 text-gray-500" />
               <div className="flex items-center gap-2 truncate">
                 {cycles?.find((c) => c.id === value)?.name ?? "Cycles"}
               </div>
diff --git a/apps/app/components/issues/form.tsx b/apps/app/components/issues/form.tsx
index ae454afb3..4ad6ed60c 100644
--- a/apps/app/components/issues/form.tsx
+++ b/apps/app/components/issues/form.tsx
@@ -99,11 +99,6 @@ export const IssueForm: FC<IssueFormProps> = ({
     setMostSimilarIssue(similarIssue);
   };
 
-  const handleDiscard = () => {
-    reset({ ...defaultValues, project: projectId });
-    handleClose();
-  };
-
   const handleCreateUpdateIssue = async (formData: Partial<IIssue>) => {
     await handleFormSubmit(formData);
 
@@ -367,7 +362,7 @@ export const IssueForm: FC<IssueFormProps> = ({
             </button>
           </div>
           <div className="flex items-center gap-2">
-            <Button theme="secondary" onClick={handleDiscard}>
+            <Button theme="secondary" onClick={handleClose}>
               Discard
             </Button>
             <Button type="submit" disabled={isSubmitting}>
diff --git a/apps/app/components/project/card.tsx b/apps/app/components/project/card.tsx
index dd6d96e32..0ddaf1cd7 100644
--- a/apps/app/components/project/card.tsx
+++ b/apps/app/components/project/card.tsx
@@ -52,7 +52,7 @@ export const ProjectCard: React.FC<ProjectCardProps> = (props) => {
                 {project.icon && (
                   <span className="text-base">{String.fromCodePoint(parseInt(project.icon))}</span>
                 )}
-                <span className="w-3/4 max-w-[225px] md:max-w-[140px] xl:max-w-[225px] text-ellipsis overflow-hidden">
+                <span className=" max-w-[225px] w-[125px] xl:max-w-[225px] text-ellipsis overflow-hidden">
                   {project.name}
                 </span>
                 <span className="text-xs text-gray-500 ">{project.identifier}</span>
diff --git a/apps/app/components/project/cycles/stats-view/single-stat.tsx b/apps/app/components/project/cycles/stats-view/single-stat.tsx
index 886735d85..33bc18b05 100644
--- a/apps/app/components/project/cycles/stats-view/single-stat.tsx
+++ b/apps/app/components/project/cycles/stats-view/single-stat.tsx
@@ -1,19 +1,19 @@
-// react
 import React from "react";
-// next
+
 import Link from "next/link";
 import Image from "next/image";
 import { useRouter } from "next/router";
+
 // swr
 import useSWR from "swr";
 // services
-import { CalendarDaysIcon } from "@heroicons/react/20/solid";
-import { ArrowPathIcon, UserIcon } from "@heroicons/react/24/outline";
 import cyclesService from "services/cycles.service";
-// hooks
 // ui
 import { Button, CustomMenu } from "components/ui";
 // icons
+import { CalendarDaysIcon } from "@heroicons/react/20/solid";
+import { UserIcon } from "@heroicons/react/24/outline";
+import { CyclesIcon } from "components/icons";
 // helpers
 import { renderShortNumericDateFormat } from "helpers/date-time.helper";
 import { groupBy } from "helpers/array.helper";
@@ -120,7 +120,7 @@ const SingleStat: React.FC<TSingleStatProps> = (props) => {
                   router.push(`/${workspaceSlug}/projects/${projectId}/cycles/${cycle.id}`)
                 }
               >
-                <ArrowPathIcon className="h-3 w-3" />
+                <CyclesIcon className="h-3 w-3" />
                 Open Cycle
               </Button>
             </div>
diff --git a/apps/app/components/project/issues/issue-detail/add-as-sub-issue.tsx b/apps/app/components/project/issues/issue-detail/add-as-sub-issue.tsx
index 46dc55594..95eae4555 100644
--- a/apps/app/components/project/issues/issue-detail/add-as-sub-issue.tsx
+++ b/apps/app/components/project/issues/issue-detail/add-as-sub-issue.tsx
@@ -11,7 +11,7 @@ import { RectangleStackIcon, MagnifyingGlassIcon } from "@heroicons/react/24/out
 // services
 import issuesServices from "services/issues.service";
 // types
-import { IIssue } from "types";
+import { IIssue, IssueResponse } from "types";
 // constants
 import { PROJECT_ISSUES_LIST, SUB_ISSUES } from "constants/fetch-keys";
 
@@ -54,6 +54,22 @@ const AddAsSubIssue: React.FC<Props> = ({ isOpen, setIsOpen, parent }) => {
       .patchIssue(workspaceSlug as string, projectId as string, issueId, { parent: parent?.id })
       .then((res) => {
         mutate(SUB_ISSUES(parent?.id ?? ""));
+        mutate<IssueResponse>(
+          PROJECT_ISSUES_LIST(workspaceSlug as string, projectId as string),
+          (prevData) => ({
+            ...(prevData as IssueResponse),
+            results: (prevData?.results ?? []).map((p) => {
+              if (p.id === res.id)
+                return {
+                  ...p,
+                  ...res,
+                };
+
+              return p;
+            }),
+          }),
+          false
+        );
       })
       .catch((e) => {
         console.log(e);
diff --git a/apps/app/components/project/issues/issue-detail/comment/issue-comment-card.tsx b/apps/app/components/project/issues/issue-detail/comment/issue-comment-card.tsx
index e2b17ea00..ec270ff25 100644
--- a/apps/app/components/project/issues/issue-detail/comment/issue-comment-card.tsx
+++ b/apps/app/components/project/issues/issue-detail/comment/issue-comment-card.tsx
@@ -1,6 +1,5 @@
-// react
 import React, { useEffect, useState } from "react";
-// next
+
 import Image from "next/image";
 import dynamic from "next/dynamic";
 
@@ -8,14 +7,14 @@ import dynamic from "next/dynamic";
 import { useForm } from "react-hook-form";
 // icons
 import { CheckIcon, XMarkIcon } from "@heroicons/react/24/outline";
-// types
-import type { IIssueComment } from "types";
 // hooks
 import useUser from "hooks/use-user";
 // ui
 import { CustomMenu } from "components/ui";
 // helpers
 import { timeAgo } from "helpers/date-time.helper";
+// types
+import type { IIssueComment } from "types";
 
 const RemirrorRichTextEditor = dynamic(() => import("components/rich-text-editor"), { ssr: false });
 
@@ -76,7 +75,7 @@ const CommentCard: React.FC<Props> = ({ comment, onSubmit, handleCommentDeletion
             </span>
             <span>{timeAgo(comment.created_at)}</span>
           </p>
-          <div>
+          <div className="issue-comments-section">
             {isEditing ? (
               <form className="flex flex-col gap-2" onSubmit={handleSubmit(onEnter)}>
                 <RemirrorRichTextEditor
diff --git a/apps/app/components/project/issues/issue-detail/comment/issue-comment-section.tsx b/apps/app/components/project/issues/issue-detail/comment/issue-comment-section.tsx
index e26edc833..5ac7e061a 100644
--- a/apps/app/components/project/issues/issue-detail/comment/issue-comment-section.tsx
+++ b/apps/app/components/project/issues/issue-detail/comment/issue-comment-section.tsx
@@ -5,15 +5,15 @@ import dynamic from "next/dynamic";
 
 // react-hook-form
 import { useForm, Controller } from "react-hook-form";
-// types
-import type { IIssueActivity, IIssueComment } from "types";
-import type { KeyedMutator } from "swr";
 // services
 import issuesServices from "services/issues.service";
 // ui
 import { Loader } from "components/ui";
 // helpers
 import { debounce } from "helpers/functions.helper";
+// types
+import type { IIssueActivity, IIssueComment } from "types";
+import type { KeyedMutator } from "swr";
 
 const RemirrorRichTextEditor = dynamic(() => import("components/rich-text-editor"), {
   ssr: false,
@@ -83,7 +83,7 @@ const AddIssueComment: React.FC<{
   return (
     <div className="space-y-5">
       <form onSubmit={handleSubmit(onSubmit)}>
-        <div className="issue-comments-section rounded-md p-2 pt-3">
+        <div className="issue-comments-section">
           <Controller
             name="comment_html"
             control={control}
diff --git a/apps/app/components/project/issues/issue-detail/issue-detail-sidebar/select-cycle.tsx b/apps/app/components/project/issues/issue-detail/issue-detail-sidebar/select-cycle.tsx
index a11828f71..9830204b5 100644
--- a/apps/app/components/project/issues/issue-detail/issue-detail-sidebar/select-cycle.tsx
+++ b/apps/app/components/project/issues/issue-detail/issue-detail-sidebar/select-cycle.tsx
@@ -1,21 +1,21 @@
-// react
 import React from "react";
 
 import { useRouter } from "next/router";
 
 import useSWR, { mutate } from "swr";
 
+// react-hook-form
 import { UseFormWatch } from "react-hook-form";
-// constants
-import { ArrowPathIcon } from "@heroicons/react/24/outline";
 // services
 import issuesService from "services/issues.service";
 import cyclesService from "services/cycles.service";
 // ui
 import { Spinner, CustomSelect } from "components/ui";
 // icons
+import { CyclesIcon } from "components/icons";
 // types
 import { ICycle, IIssue } from "types";
+// fetch-keys
 import { CYCLE_ISSUES, CYCLE_LIST, ISSUE_DETAILS } from "constants/fetch-keys";
 
 type Props = {
@@ -55,7 +55,7 @@ const SelectCycle: React.FC<Props> = ({ issueDetail, handleCycleChange }) => {
   return (
     <div className="flex flex-wrap items-center py-2">
       <div className="flex items-center gap-x-2 text-sm sm:basis-1/2">
-        <ArrowPathIcon className="h-4 w-4 flex-shrink-0" />
+        <CyclesIcon className="h-4 w-4 flex-shrink-0" />
         <p>Cycle</p>
       </div>
       <div className="space-y-1 sm:basis-1/2">
diff --git a/apps/app/components/project/sidebar-list.tsx b/apps/app/components/project/sidebar-list.tsx
index 17fbb84c8..e5ff937f4 100644
--- a/apps/app/components/project/sidebar-list.tsx
+++ b/apps/app/components/project/sidebar-list.tsx
@@ -99,7 +99,9 @@ export const ProjectSidebarList: FC = () => {
 
                           {!sidebarCollapse && (
                             <span className="flex w-full items-center justify-between">
-                              {project?.name}
+                              <span className="w-[125px] text-ellipsis overflow-hidden">
+                                {project?.name}
+                              </span>
                               <span>
                                 <ChevronDownIcon
                                   className={`h-4 w-4 duration-300 ${open ? "rotate-180" : ""}`}
diff --git a/apps/app/components/rich-text-editor/toolbar/index.tsx b/apps/app/components/rich-text-editor/toolbar/index.tsx
index 3a3292eeb..f5ff2db70 100644
--- a/apps/app/components/rich-text-editor/toolbar/index.tsx
+++ b/apps/app/components/rich-text-editor/toolbar/index.tsx
@@ -32,11 +32,8 @@ export const RichTextToolbar: React.FC = () => (
       <OrderedListButton />
       <UnorderedListButton />
     </div>
-    {/* <div className="px-2">
-        <TableControls />
-      </div> */}
-    <div className="flex items-center gap-x-1 px-2">
+    {/* <div className="flex items-center gap-x-1 px-2">
       <LinkButton />
-    </div>
+    </div> */}
   </div>
 );
diff --git a/apps/app/components/sidebar/projects-list.tsx b/apps/app/components/sidebar/projects-list.tsx
index f98cbff70..11a0b8fd5 100644
--- a/apps/app/components/sidebar/projects-list.tsx
+++ b/apps/app/components/sidebar/projects-list.tsx
@@ -79,8 +79,10 @@ const ProjectsList: React.FC<Props> = ({ navigation, sidebarCollapse }) => {
                           )}
 
                           {!sidebarCollapse && (
-                            <span className="flex w-full items-center justify-between">
-                              {project?.name}
+                            <span className="flex w-full items-center justify-between ">
+                              <span className="w-[125px] text-ellipsis overflow-hidden">
+                                {project?.name}
+                              </span>
                               <span>
                                 <ChevronDownIcon
                                   className={`h-4 w-4 duration-300 ${open ? "rotate-180" : ""}`}
diff --git a/apps/app/components/workspace/sidebar-dropdown.tsx b/apps/app/components/workspace/sidebar-dropdown.tsx
index fef4a8fee..5a892e069 100644
--- a/apps/app/components/workspace/sidebar-dropdown.tsx
+++ b/apps/app/components/workspace/sidebar-dropdown.tsx
@@ -155,7 +155,8 @@ export const WorkspaceSidebarDropdown = () => {
                               <div className="text-left">
                                 <h5 className="text-sm">{workspace.name}</h5>
                                 <div className="text-xs text-gray-500">
-                                  {workspace.total_members} members
+                                  {workspace.total_members}{" "}
+                                  {workspace.total_members > 1 ? "members" : "member"}
                                 </div>
                               </div>
                             </button>
diff --git a/apps/app/layouts/app-layout/app-header.tsx b/apps/app/layouts/app-layout/app-header.tsx
index 4bafcc544..439db92ba 100644
--- a/apps/app/layouts/app-layout/app-header.tsx
+++ b/apps/app/layouts/app-layout/app-header.tsx
@@ -10,28 +10,24 @@ type Props = {
   setToggleSidebar: React.Dispatch<React.SetStateAction<boolean>>;
 };
 
-const Header: React.FC<Props> = ({ breadcrumbs, left, right, setToggleSidebar }) => {
-  return (
-    <>
-      <div className="flex w-full flex-col gap-y-4 border-b border-gray-200 bg-gray-50 px-5 py-4 lg:flex-row lg:items-center lg:justify-between">
-        <div className="flex items-center gap-2">
-          <div className="block md:hidden">
-            <Button
-              type="button"
-              theme="secondary"
-              className="h-8 w-8"
-              onClick={() => setToggleSidebar((prevData) => !prevData)}
-            >
-              <Bars3Icon className="h-5 w-5" />
-            </Button>
-          </div>
-          {breadcrumbs}
-          {left}
-        </div>
-        {right}
+const Header: React.FC<Props> = ({ breadcrumbs, left, right, setToggleSidebar }) => (
+  <div className="flex w-full flex-col gap-y-4 border-b border-gray-200 bg-gray-50 px-5 py-4 lg:flex-row lg:items-center lg:justify-between">
+    <div className="flex items-center gap-2">
+      <div className="block md:hidden">
+        <Button
+          type="button"
+          theme="secondary"
+          className="h-8 w-8"
+          onClick={() => setToggleSidebar((prevData) => !prevData)}
+        >
+          <Bars3Icon className="h-5 w-5" />
+        </Button>
       </div>
-    </>
-  );
-};
+      {breadcrumbs}
+      {left}
+    </div>
+    {right}
+  </div>
+);
 
 export default Header;
diff --git a/apps/app/layouts/app-layout/app-sidebar.tsx b/apps/app/layouts/app-layout/app-sidebar.tsx
index 48370636e..5a58384a6 100644
--- a/apps/app/layouts/app-layout/app-sidebar.tsx
+++ b/apps/app/layouts/app-layout/app-sidebar.tsx
@@ -1,5 +1,3 @@
-import { Dispatch, SetStateAction } from "react";
-
 // hooks
 import useTheme from "hooks/use-theme";
 // components
diff --git a/apps/app/pages/[workspaceSlug]/index.tsx b/apps/app/pages/[workspaceSlug]/index.tsx
index 4ce65369b..83f9ff4dd 100644
--- a/apps/app/pages/[workspaceSlug]/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/index.tsx
@@ -199,7 +199,9 @@ const WorkspacePage: NextPage = () => {
                                 {project?.name.charAt(0)}
                               </span>
                             )}
-                            <h3>{project.name}</h3>
+                            <h3 className="w-[150px] lg:w-[225px] text-ellipsis overflow-hidden">
+                              {project.name}
+                            </h3>
                           </div>
                           <div className="text-gray-400">
                             <ArrowRightIcon className="h-4 w-4" />
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx
index f4512a985..1438a6831 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx
@@ -10,13 +10,6 @@ import { requiredAdmin, requiredAuth } from "lib/auth";
 import AppLayout from "layouts/app-layout";
 // contexts
 import { IssueViewContextProvider } from "contexts/issue-view.context";
-// icons
-import {
-  ArrowLeftIcon,
-  ArrowPathIcon,
-  ListBulletIcon,
-  PlusIcon,
-} from "@heroicons/react/24/outline";
 // components
 import CyclesListView from "components/project/cycles/list-view";
 import CyclesBoardView from "components/project/cycles/board-view";
@@ -33,6 +26,8 @@ import projectService from "services/project.service";
 import { CustomMenu, EmptySpace, EmptySpaceItem, Spinner } from "components/ui";
 import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
 // icons
+import { ArrowLeftIcon, ListBulletIcon, PlusIcon } from "@heroicons/react/24/outline";
+import { CyclesIcon } from "components/icons";
 // types
 import { CycleIssueResponse, IIssue, SelectIssue, UserAuth } from "types";
 import { NextPageContext } from "next";
@@ -203,7 +198,7 @@ const SingleCycle: React.FC<UserAuth> = (props) => {
           <CustomMenu
             label={
               <>
-                <ArrowPathIcon className="h-3 w-3" />
+                <CyclesIcon className="h-3 w-3" />
                 {cycles?.find((c) => c.id === cycleId)?.name}
               </>
             }
@@ -268,7 +263,7 @@ const SingleCycle: React.FC<UserAuth> = (props) => {
               <EmptySpace
                 title="You don't have any issue yet."
                 description="A cycle is a fixed time period where a team commits to a set number of issues from their backlog. Cycles are usually one, two, or four weeks long."
-                Icon={ArrowPathIcon}
+                Icon={CyclesIcon}
               >
                 <EmptySpaceItem
                   title="Create a new issue"
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
index a97c94ca7..e7e7b1d50 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
@@ -18,27 +18,17 @@ import AddAsSubIssue from "components/project/issues/issue-detail/add-as-sub-iss
 import IssueDetailSidebar from "components/project/issues/issue-detail/issue-detail-sidebar";
 import AddIssueComment from "components/project/issues/issue-detail/comment/issue-comment-section";
 import IssueActivitySection from "components/project/issues/issue-detail/activity";
-import {
-  IssueDescriptionForm,
-  IssueDescriptionFormValues,
-  SubIssueList,
-  CreateUpdateIssueModal,
-} from "components/issues";
+import { IssueDescriptionForm, SubIssueList, CreateUpdateIssueModal } from "components/issues";
 // ui
-import { Loader, HeaderButton, CustomMenu } from "components/ui";
+import { Loader, CustomMenu } from "components/ui";
 import { Breadcrumbs } from "components/breadcrumbs";
 // icons
-import { ChevronLeftIcon, ChevronRightIcon, PlusIcon } from "@heroicons/react/24/outline";
+import { PlusIcon } from "@heroicons/react/24/outline";
 // types
-import { IIssue } from "types";
+import { IIssue, IssueResponse } from "types";
 import type { NextPage, NextPageContext } from "next";
 // fetch-keys
-import {
-  PROJECT_ISSUES_LIST,
-  PROJECT_ISSUES_ACTIVITY,
-  ISSUE_DETAILS,
-  SUB_ISSUES,
-} from "constants/fetch-keys";
+import { PROJECT_ISSUES_ACTIVITY, ISSUE_DETAILS, SUB_ISSUES } from "constants/fetch-keys";
 
 const defaultValues = {
   name: "",
@@ -81,15 +71,6 @@ const IssueDetailsPage: NextPage = () => {
       : null
   );
 
-  const { data: issues } = useSWR(
-    workspaceSlug && projectId
-      ? PROJECT_ISSUES_LIST(workspaceSlug as string, projectId as string)
-      : null,
-    workspaceSlug && projectId
-      ? () => issuesService.getIssues(workspaceSlug as string, projectId as string)
-      : null
-  );
-
   const { data: issueActivities, mutate: mutateIssueActivities } = useSWR(
     workspaceSlug && projectId && issueId ? PROJECT_ISSUES_ACTIVITY(issueId as string) : null,
     workspaceSlug && projectId && issueId
@@ -102,17 +83,22 @@ const IssueDetailsPage: NextPage = () => {
       : null
   );
 
+  const { data: siblingIssues } = useSWR(
+    workspaceSlug && projectId && issueDetails?.parent ? SUB_ISSUES(issueDetails.parent) : null,
+    workspaceSlug && projectId && issueDetails?.parent
+      ? () =>
+          issuesService.subIssues(
+            workspaceSlug as string,
+            projectId as string,
+            issueDetails.parent ?? ""
+          )
+      : null
+  );
+
   const { reset, control, watch } = useForm<IIssue>({
     defaultValues,
   });
 
-  const prevIssue = issues?.results[issues?.results.findIndex((issue) => issue.id === issueId) - 1];
-  const nextIssue = issues?.results[issues?.results.findIndex((issue) => issue.id === issueId) + 1];
-
-  const siblingIssues =
-    issueDetails &&
-    issues?.results.filter((i) => i.parent === issueDetails.parent && i.id !== issueId);
-
   useEffect(() => {
     if (issueDetails) {
       mutateIssueActivities();
@@ -168,6 +154,23 @@ const IssueDetailsPage: NextPage = () => {
       .then((res) => {
         mutate(SUB_ISSUES(issueDetails?.id ?? ""));
         mutateIssueActivities();
+
+        mutate<IssueResponse>(
+          PROJECT_ISSUES_LIST(workspaceSlug as string, projectId as string),
+          (prevData) => ({
+            ...(prevData as IssueResponse),
+            results: (prevData?.results ?? []).map((p) => {
+              if (p.id === res.id)
+                return {
+                  ...p,
+                  ...res,
+                };
+
+              return p;
+            }),
+          }),
+          false
+        );
       })
       .catch((e) => {
         console.error(e);
@@ -191,32 +194,6 @@ const IssueDetailsPage: NextPage = () => {
           />
         </Breadcrumbs>
       }
-      right={
-        <div className="flex items-center gap-2">
-          <HeaderButton
-            Icon={ChevronLeftIcon}
-            label="Previous"
-            className={!prevIssue ? "cursor-not-allowed opacity-70" : ""}
-            onClick={() => {
-              if (!prevIssue) return;
-              router.push(`/${workspaceSlug}/projects/${prevIssue.project}/issues/${prevIssue.id}`);
-            }}
-          />
-          <HeaderButton
-            Icon={ChevronRightIcon}
-            disabled={!nextIssue}
-            label="Next"
-            className={!nextIssue ? "cursor-not-allowed opacity-70" : ""}
-            onClick={() => {
-              if (!nextIssue) return;
-              router.push(
-                `/${workspaceSlug}/projects/${nextIssue.project}/issues/${nextIssue?.id}`
-              );
-            }}
-            position="reverse"
-          />
-        </div>
-      }
     >
       {isOpen && (
         <CreateUpdateIssueModal
@@ -254,19 +231,17 @@ const IssueDetailsPage: NextPage = () => {
                       />
                       <span className="flex-shrink-0 text-gray-600">
                         {issueDetails.project_detail.identifier}-
-                        {issues?.results.find((i) => i.id === issueDetails.parent)?.sequence_id}
+                        {issueDetails.parent_detail?.sequence_id}
                       </span>
                       <span className="truncate font-medium">
-                        {issues?.results
-                          .find((i) => i.id === issueDetails.parent)
-                          ?.name.substring(0, 50)}
+                        {issueDetails.parent_detail?.name.substring(0, 50)}
                       </span>
                     </a>
                   </Link>
 
                   <CustomMenu ellipsis optionsPosition="left">
                     {siblingIssues && siblingIssues.length > 0 ? (
-                      siblingIssues.map((issue) => (
+                      siblingIssues.map((issue: IIssue) => (
                         <CustomMenu.MenuItem key={issue.id}>
                           <Link
                             href={`/${workspaceSlug}/projects/${projectId as string}/issues/${
diff --git a/apps/app/pages/[workspaceSlug]/settings/index.tsx b/apps/app/pages/[workspaceSlug]/settings/index.tsx
index 4d7c53dce..a3cc32903 100644
--- a/apps/app/pages/[workspaceSlug]/settings/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/settings/index.tsx
@@ -3,6 +3,7 @@ import React, { useEffect, useState } from "react";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import useSWR, { mutate } from "swr";
+
 // react-hook-form
 import { Controller, useForm } from "react-hook-form";
 // react-dropzone
diff --git a/apps/app/pages/onboarding/index.tsx b/apps/app/pages/onboarding/index.tsx
index 4702034ca..68d8f70f9 100644
--- a/apps/app/pages/onboarding/index.tsx
+++ b/apps/app/pages/onboarding/index.tsx
@@ -48,7 +48,7 @@ const Onboarding: NextPage = () => {
             )}
           </div>
         ) : (
-          <div className="h-3/5 w-full rounded-lg bg-white px-8 py-10 text-center md:w-1/2">
+          <div className="h-max min-h-[360px] w-full rounded-lg bg-white px-8 py-10 text-center md:w-1/2">
             <div className="h-3/4 w-full">
               {step === 4 ? (
                 <Welcome />
diff --git a/apps/app/styles/editor.css b/apps/app/styles/editor.css
index 07fcec355..45deb0dc6 100644
--- a/apps/app/styles/editor.css
+++ b/apps/app/styles/editor.css
@@ -354,6 +354,10 @@ img.ProseMirror-separator {
   margin-bottom: 1em;
 }
 
+.remirror-editor-wrapper .remirror-editor {
+  min-height: 150px;
+}
+
 .issue-comments-section .remirror-editor-wrapper .remirror-editor {
   min-height: 50px;
 }
diff --git a/apps/app/types/issues.d.ts b/apps/app/types/issues.d.ts
index c2703d566..4ac7ef9c4 100644
--- a/apps/app/types/issues.d.ts
+++ b/apps/app/types/issues.d.ts
@@ -50,6 +50,16 @@ export interface IIssueCycle {
   workspace: string;
 }
 
+export interface IIssueParent {
+  description: any;
+  id: string;
+  name: string;
+  priority: string | null;
+  sequence_id: number;
+  start_date: string | null;
+  target_date: string | null;
+}
+
 export interface IIssue {
   assignees: any[] | null;
   assignee_details: IUser[];
@@ -77,7 +87,7 @@ export interface IIssue {
   module: string | null;
   name: string;
   parent: string | null;
-  parent_detail: IProject | null;
+  parent_detail: IIssueParent | null;
   priority: string | null;
   project: string;
   project_detail: IProject;
diff --git a/apps/docs/src/components/Search.jsx b/apps/docs/src/components/Search.jsx
index 78b345d69..3b63d8a4d 100644
--- a/apps/docs/src/components/Search.jsx
+++ b/apps/docs/src/components/Search.jsx
@@ -41,7 +41,7 @@ function useAutocomplete() {
               return item.query
             },
             getItemUrl({ item }) {
-              let url = new URL(item.url)
+              const url = new URL(item.url)
               return `${url.pathname}${url.hash}`
             },
             onSelect({ itemUrl }) {
diff --git a/turbo.json b/turbo.json
index 7df2292e8..ddc3b9cc5 100644
--- a/turbo.json
+++ b/turbo.json
@@ -3,7 +3,10 @@
   "globalEnv": [
     "NEXT_PUBLIC_GITHUB_ID",
     "NEXT_PUBLIC_GOOGLE_CLIENTID",
-    "NEXT_PUBLIC_API_BASE_URL"
+    "NEXT_PUBLIC_API_BASE_URL",
+    "NEXT_PUBLIC_DOCSEARCH_API_KEY",
+    "NEXT_PUBLIC_DOCSEARCH_APP_ID",
+    "NEXT_PUBLIC_DOCSEARCH_INDEX_NAME"
   ],
   "pipeline": {
     "build": {