diff --git a/web/components/profile/preferences/email-notification-form.tsx b/web/components/profile/preferences/email-notification-form.tsx
index 6f669a042..4a19c5108 100644
--- a/web/components/profile/preferences/email-notification-form.tsx
+++ b/web/components/profile/preferences/email-notification-form.tsx
@@ -99,7 +99,7 @@ export const EmailNotificationForm: FC<IEmailNotificationFormProps> = (props) =>
               render={({ field: { value, onChange } }) => (
                 <Checkbox
                   checked={value}
-                  indeterminate={!value && watch("issue_completed")}
+                  intermediate={!value && watch("issue_completed")}
                   onChange={() => {
                     setValue("issue_completed", !value, { shouldDirty: true });
                     onChange(!value);
diff --git a/web/components/states/project-setting-state-list-item.tsx b/web/components/states/project-setting-state-list-item.tsx
index b315f634a..01ac01c0e 100644
--- a/web/components/states/project-setting-state-list-item.tsx
+++ b/web/components/states/project-setting-state-list-item.tsx
@@ -1,17 +1,15 @@
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { useRouter } from "next/router";
-// hooks
-// ui
-import { Pencil, X, ArrowDown, ArrowUp } from "lucide-react";
-import { IState } from "@plane/types";
-import { Tooltip, StateGroupIcon } from "@plane/ui";
 // icons
-// helpers
-import { addSpaceIfCamelCase } from "@/helpers/string.helper";
+import { Pencil, X, ArrowDown, ArrowUp } from "lucide-react";
+// types
+import { IState } from "@plane/types";
+// ui
+import { Tooltip, StateGroupIcon } from "@plane/ui";
+// hooks
 import { useEventTracker, useProjectState } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";
-// types
 
 type Props = {
   index: number;