diff --git a/frontend/src/components/categories/CategoryForm.tsx b/frontend/src/components/categories/CategoryForm.tsx
index c83b6034..866e5cff 100644
--- a/frontend/src/components/categories/CategoryForm.tsx
+++ b/frontend/src/components/categories/CategoryForm.tsx
@@ -6,7 +6,7 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-import React, { FC, useEffect } from "react";
+import { FC, Fragment, useEffect } from "react";
 import { useForm } from "react-hook-form";
 
 import { ContentContainer, ContentItem } from "@/app-components/dialogs/";
@@ -21,7 +21,7 @@ import { ComponentFormProps } from "@/types/common/dialogs.types";
 
 export const CategoryForm: FC<ComponentFormProps<ICategory>> = ({
   data,
-  Wrapper = React.Fragment,
+  Wrapper = Fragment,
   WrapperProps,
   ...rest
 }) => {
diff --git a/frontend/src/components/categories/index.tsx b/frontend/src/components/categories/index.tsx
index ea32b1ff..a8d6248a 100644
--- a/frontend/src/components/categories/index.tsx
+++ b/frontend/src/components/categories/index.tsx
@@ -6,7 +6,6 @@
  * 2. All derivative works must include clear attribution to the original creator and software, Hexastack and Hexabot, in a prominent location (e.g., in the software's "About" section, documentation, and README file).
  */
 
-
 import AddIcon from "@mui/icons-material/Add";
 import DeleteIcon from "@mui/icons-material/Delete";
 import FolderIcon from "@mui/icons-material/Folder";
@@ -42,6 +41,7 @@ import { CategoryFormDialog } from "./CategoryFormDialog";
 export const Categories = () => {
   const { t } = useTranslate();
   const { toast } = useToast();
+  const dialogs = useDialogs();
   const hasPermission = useHasPermission();
   const { onSearch, searchPayload } = useSearch<ICategory>({
     $iLike: ["label"],
@@ -128,7 +128,6 @@ export const Categories = () => {
   const handleSelectionChange = (selection: GridRowSelectionModel) => {
     setSelectedCategories(selection as string[]);
   };
-  const dialogs = useDialogs();
 
   return (
     <Grid container gap={3} flexDirection="column">