diff --git a/frontend/src/components/categories/CategoryForm.tsx b/frontend/src/components/categories/CategoryForm.tsx
index 170e78da..714b06ad 100644
--- a/frontend/src/components/categories/CategoryForm.tsx
+++ b/frontend/src/components/categories/CategoryForm.tsx
@@ -6,12 +6,10 @@
  * 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, { BaseSyntheticEvent, FC, useEffect } from "react";
 import { useForm } from "react-hook-form";
 
-import { ContentContainer } from "@/app-components/dialogs/layouts/ContentContainer";
-import { ContentItem } from "@/app-components/dialogs/layouts/ContentItem";
+import { ContentContainer, ContentItem } from "@/app-components/dialogs/";
 import { Input } from "@/app-components/inputs/Input";
 import { useCreate } from "@/hooks/crud/useCreate";
 import { useUpdate } from "@/hooks/crud/useUpdate";
diff --git a/frontend/src/components/categories/CategoryFormDialog.tsx b/frontend/src/components/categories/CategoryFormDialog.tsx
index a116be00..b90aba6d 100644
--- a/frontend/src/components/categories/CategoryFormDialog.tsx
+++ b/frontend/src/components/categories/CategoryFormDialog.tsx
@@ -6,6 +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 { FC } from "react";
 
 import { FormDialog } from "@/app-components/dialogs";
 import { useTranslate } from "@/hooks/useTranslate";
@@ -14,10 +15,10 @@ import { ComponentFormDialogProps } from "@/types/common/dialogs.types";
 
 import { CategoryForm } from "./CategoryForm";
 
-export const CategoryFormDialog = <T extends ICategory = ICategory>({
+export const CategoryFormDialog: FC<ComponentFormDialogProps<ICategory>> = ({
   payload,
   ...rest
-}: ComponentFormDialogProps<T>) => {
+}) => {
   const { t } = useTranslate();
 
   return (
diff --git a/frontend/src/types/common/dialogs.types.ts b/frontend/src/types/common/dialogs.types.ts
index 9ecdbbf4..6548f8f8 100644
--- a/frontend/src/types/common/dialogs.types.ts
+++ b/frontend/src/types/common/dialogs.types.ts
@@ -10,7 +10,6 @@ import { DialogProps as MuiDialogProps } from "@mui/material";
 import { BaseSyntheticEvent } from "react";
 
 // context
-
 export interface OpenDialogOptions<R> {
   /**
    * A function that is called before closing the dialog closes. The dialog