diff --git a/web/ui/mantine-ui/src/components/InfoPageCard.tsx b/web/ui/mantine-ui/src/components/InfoPageCard.tsx
index 3d0817e6d6..f6797133c4 100644
--- a/web/ui/mantine-ui/src/components/InfoPageCard.tsx
+++ b/web/ui/mantine-ui/src/components/InfoPageCard.tsx
@@ -1,12 +1,12 @@
 import { Card, Group } from "@mantine/core";
-import { TablerIconsProps } from "@tabler/icons-react";
+import { IconProps } from "@tabler/icons-react";
 import { FC, ReactNode } from "react";
 import { infoPageCardTitleIconStyle } from "../styles";
 
 const InfoPageCard: FC<{
   children: ReactNode;
   title?: string;
-  icon?: React.ComponentType<TablerIconsProps>;
+  icon?: React.ComponentType<IconProps>;
 }> = ({ children, title, icon: Icon }) => {
   return (
     <Card shadow="xs" withBorder p="md">