diff --git a/src/components/ui/ThemeIcon/ThemeIcon.tsx b/src/components/ui/ThemeIcon/ThemeIcon.tsx
index baeedf5..c2ce3f2 100644
--- a/src/components/ui/ThemeIcon/ThemeIcon.tsx
+++ b/src/components/ui/ThemeIcon/ThemeIcon.tsx
@@ -1,16 +1,20 @@
 import React, { FC } from "react";
-import { Center, ThemeIconProps } from "@mantine/core";
+import {
+    Center,
+    ThemeIcon as MantineThemeIcon,
+    ThemeIconProps,
+} from "@mantine/core";
 
 type Props = ThemeIconProps;
 
 const ThemeIcon: FC<Props> = props => {
     return (
         <Center>
-            <ThemeIcon
+            <MantineThemeIcon
                 bg={"transparent"}
                 {...props}>
                 {props.children}
-            </ThemeIcon>
+            </MantineThemeIcon>
         </Center>
     );
 };