feat: updated plus button

frontend/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx

@@ -5,7 +5,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { twMerge } from "tailwind-merge";
 
 import { createNotification } from "@app/components/notifications";
-import { Button, IconButton, Modal, ModalContent, ModalTrigger, Tooltip } from "@app/components/v2";
+import { Button, Modal, ModalContent, ModalTrigger, Tooltip } from "@app/components/v2";
 import { ProjectPermissionSub, useWorkspace } from "@app/context";
 import { usePopUp } from "@app/hooks";
 import { useGetProjectRoleBySlug, useUpdateProjectRole } from "@app/hooks/api";
@@ -104,19 +104,21 @@ export const RolePermissionsSection = ({ roleSlug, isDisabled }: Props) => {
                   <Modal
                     isOpen={popUp.createPolicy.isOpen}
                     onOpenChange={(isOpen) => handlePopUpToggle("createPolicy", isOpen)}
-                  >
-                    <ModalTrigger asChild disabled={isDisabled}>
-                      <IconButton
-                        isDisabled={isDisabled}
-                        ariaLabel="new-policy"
-                        className="rounded-l-none bg-mineshaft-600 p-3"
-                        variant="outline_bg"
                   >
                     <Tooltip content="New policy">
-                          <FontAwesomeIcon icon={faPlus} />
+                      <div>
-                        </Tooltip>
+                        <ModalTrigger asChild disabled={isDisabled}>
-                      </IconButton>
+                          <Button
+                            isDisabled={isDisabled}
+                            className="h-10 rounded-l-none"
+                            variant="outline_bg"
+                            leftIcon={<FontAwesomeIcon icon={faPlus} />}
+                          >
+                            New policy
+                          </Button>
                         </ModalTrigger>
+                      </div>
+                    </Tooltip>
                     <ModalContent
                       title="New Policy"
                       subTitle="Policies grant additional permissions."