diff --git a/app/dashboard/src/components/ServicesSelectList.tsx b/app/dashboard/src/components/ServicesSelectList.tsx
index 660834e..bf57c49 100644
--- a/app/dashboard/src/components/ServicesSelectList.tsx
+++ b/app/dashboard/src/components/ServicesSelectList.tsx
@@ -2,20 +2,17 @@
 import {
     Box,
     chakra,
-    ChakraComponent,
     Flex,
     Spacer,
     Stack,
     Text,
 } from "@chakra-ui/react";
 import { ServerStackIcon, UsersIcon } from "@heroicons/react/24/outline";
-import {
-    useDashboard,
-} from "contexts/DashboardContext";
-import { FC, forwardRef, PropsWithChildren, useEffect, useState } from "react";
+import { FC, forwardRef, Ref, useState } from "react";
 import {
     useFormContext,
 } from "react-hook-form";
+import { ChakraIcon } from "types/ChakraIcon";
 import { Service } from "types/Service";
 
 const ServiceIconBaseStyle = {
@@ -34,7 +31,7 @@ const InboundsServiceIcon = chakra(ServerStackIcon, ServiceIconBaseStyle);
 
 type ServicePropertyStatusProps = {
     value: number;
-    StatusIcon: ChakraComponent;
+    StatusIcon: ChakraIcon;
 }
 
 const ServicePropertyStatus: FC<ServicePropertyStatusProps> = ({ value, StatusIcon }) => {
diff --git a/app/dashboard/src/components/UserDialog/ModalHeader.tsx b/app/dashboard/src/components/UserDialog/ModalHeader.tsx
index baffafe..4973ae1 100644
--- a/app/dashboard/src/components/UserDialog/ModalHeader.tsx
+++ b/app/dashboard/src/components/UserDialog/ModalHeader.tsx
@@ -1,8 +1,9 @@
 
-import { ChakraComponent, Text, HStack, ModalHeader } from "@chakra-ui/react";
+import { Text, HStack, ModalHeader } from "@chakra-ui/react";
+import { ChakraIcon } from "types/ChakraIcon";
 import { Icon } from "../Icon";
 
-export const UserDialogModalHeader = ({ HeaderIcon, title }: { HeaderIcon: ChakraComponent, title: string }) => {
+export const UserDialogModalHeader = ({ HeaderIcon, title }: { HeaderIcon: ChakraIcon, title: string }) => {
     return (
         <ModalHeader pt={6}>
             <HStack gap={2}>
diff --git a/app/dashboard/src/types/ChakraIcon.ts b/app/dashboard/src/types/ChakraIcon.ts
new file mode 100644
index 0000000..df45a3e
--- /dev/null
+++ b/app/dashboard/src/types/ChakraIcon.ts
@@ -0,0 +1,5 @@
+
+import { SVGProps, ForwardRefExoticComponent } from "react";
+import { ChakraComponent } from '@chakra-ui/react';
+
+export type ChakraIcon = ChakraComponent<ForwardRefExoticComponent<SVGProps<SVGSVGElement>>>;