diff --git a/frontend/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx b/frontend/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
index 5508fbca6..55d9a71cc 100644
--- a/frontend/src/views/Project/RolePage/components/RolePermissionsSection/RolePermissionsSection.tsx
+++ b/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";
@@ -105,18 +105,20 @@ export const RolePermissionsSection = ({ roleSlug, isDisabled }: Props) => {
                     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} />
-                        </Tooltip>
-                      </IconButton>
-                    </ModalTrigger>
+                    <Tooltip content="New policy">
+                      <div>
+                        <ModalTrigger asChild disabled={isDisabled}>
+                          <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."