diff --git a/apps/app/components/core/filter-list.tsx b/apps/app/components/core/filter-list.tsx
index afaefffdf..776a8f8a0 100644
--- a/apps/app/components/core/filter-list.tsx
+++ b/apps/app/components/core/filter-list.tsx
@@ -131,11 +131,11 @@ export const FilterList: React.FC<any> = ({ filters, setFilters }) => {
                               ? "bg-yellow-100 text-yellow-500 hover:bg-yellow-100"
                               : priority === "low"
                               ? "bg-green-100 text-green-500 hover:bg-green-100"
-                              : "bg-gray-100"
+                              : "bg-gray-100 text-gray-700 hover:bg-gray-100"
                           }`}
                         >
                           <span>{getPriorityIcon(priority)}</span>
-                          <span>{priority}</span>
+                          <span>{priority ? priority : "None"}</span>
                           <span
                             className="cursor-pointer"
                             onClick={() =>
diff --git a/apps/app/components/icons/priority-icon.tsx b/apps/app/components/icons/priority-icon.tsx
index a6aa31249..0a888f802 100644
--- a/apps/app/components/icons/priority-icon.tsx
+++ b/apps/app/components/icons/priority-icon.tsx
@@ -1,5 +1,5 @@
 export const getPriorityIcon = (priority: string | null, className?: string) => {
-  if (!className || className === "") className = "text-xs";
+  if (!className || className === "") className = "text-xs flex items-center";
 
   switch (priority) {
     case "urgent":
diff --git a/apps/app/components/pages/delete-page-modal.tsx b/apps/app/components/pages/delete-page-modal.tsx
index 94468f2b8..a92bb49b6 100644
--- a/apps/app/components/pages/delete-page-modal.tsx
+++ b/apps/app/components/pages/delete-page-modal.tsx
@@ -115,7 +115,7 @@ export const DeletePageModal: React.FC<TConfirmPageDeletionProps> = ({
               leaveFrom="opacity-100 translate-y-0 sm:scale-100"
               leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
             >
-              <Dialog.Panel className="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg">
+              <Dialog.Panel className="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-[40rem]">
                 <div className="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
                   <div className="sm:flex sm:items-start">
                     <div className="mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
@@ -130,9 +130,9 @@ export const DeletePageModal: React.FC<TConfirmPageDeletionProps> = ({
                       </Dialog.Title>
                       <div className="mt-2">
                         <p className="text-sm text-gray-500">
-                          Are you sure you want to delete Page - {`"`}
-                          <span className="italic">{data?.name}</span>
-                          {`"`} ? All of the data related to the page will be permanently removed.
+                          Are you sure you want to delete Page- {" "}
+                          <span className="font-bold">{data?.name}</span>
+                          ? All of the data related to the page will be permanently removed.
                           This action cannot be undone.
                         </p>
                       </div>
diff --git a/apps/app/components/pages/single-page-detailed-item.tsx b/apps/app/components/pages/single-page-detailed-item.tsx
index 4c9f045dc..47156ad92 100644
--- a/apps/app/components/pages/single-page-detailed-item.tsx
+++ b/apps/app/components/pages/single-page-detailed-item.tsx
@@ -89,13 +89,13 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
           )}
           <CustomMenu verticalEllipsis>
             <CustomMenu.MenuItem onClick={handleEditPage}>
-              <span className="flex items-center justify-start gap-2 text-gray-800">
+              <span className="flex items-center justify-start gap-2">
                 <PencilIcon className="h-3.5 w-3.5" />
                 <span>Edit Page</span>
               </span>
             </CustomMenu.MenuItem>
             <CustomMenu.MenuItem onClick={handleDeletePage}>
-              <span className="flex items-center justify-start gap-2 text-gray-800">
+              <span className="flex items-center justify-start gap-2">
                 <TrashIcon className="h-3.5 w-3.5" />
                 <span>Delete Page</span>
               </span>
diff --git a/apps/app/components/pages/single-page-list-item.tsx b/apps/app/components/pages/single-page-list-item.tsx
index ecdd428b3..e4cc69147 100644
--- a/apps/app/components/pages/single-page-list-item.tsx
+++ b/apps/app/components/pages/single-page-list-item.tsx
@@ -102,7 +102,7 @@ export const SinglePageListItem: React.FC<TSingleStatProps> = ({
                         handleEditPage();
                       }}
                     >
-                      <span className="flex items-center justify-start gap-2 text-gray-800">
+                      <span className="flex items-center justify-start gap-2">
                         <PencilIcon className="h-3.5 w-3.5" />
                         <span>Edit Page</span>
                       </span>
@@ -114,7 +114,7 @@ export const SinglePageListItem: React.FC<TSingleStatProps> = ({
                         handleDeletePage();
                       }}
                     >
-                      <span className="flex items-center justify-start gap-2 text-gray-800">
+                      <span className="flex items-center justify-start gap-2">
                         <TrashIcon className="h-3.5 w-3.5" />
                         <span>Delete Page</span>
                       </span>
diff --git a/apps/app/components/views/single-view-item.tsx b/apps/app/components/views/single-view-item.tsx
index 8b47d65c7..62e7eb840 100644
--- a/apps/app/components/views/single-view-item.tsx
+++ b/apps/app/components/views/single-view-item.tsx
@@ -115,7 +115,7 @@ export const SingleViewItem: React.FC<Props> = ({
                   setSelectedView(view);
                 }}
               >
-                <span className="flex items-center justify-start gap-2 text-gray-800">
+                <span className="flex items-center justify-start gap-2">
                   <TrashIcon className="h-4 w-4" />
                   <span>Delete</span>
                 </span>
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx
index 084a149ce..1ba31d5fa 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx
@@ -16,6 +16,9 @@ import AppLayout from "layouts/app-layout";
 // ui
 import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
 
+//icons
+import { PlusIcon } from "components/icons";
+
 // image
 import emptyView from "public/empty-state/empty-view.svg";
 // fetching keys
@@ -64,7 +67,8 @@ const ProjectViews: NextPage<UserAuth> = (props) => {
       }
       right={
         <div className="flex items-center gap-2">
-          <PrimaryButton type="button" onClick={() => setIsCreateViewModalOpen(true)}>
+          <PrimaryButton type="button" className="flex items-center gap-2" onClick={() => setIsCreateViewModalOpen(true)}>
+            <PlusIcon className="w-4 h-4" />
             Create View
           </PrimaryButton>
         </div>