diff --git a/frontend/src/components/Logo.tsx b/frontend/src/components/Logo.tsx
index 5283f23..63d1e76 100644
--- a/frontend/src/components/Logo.tsx
+++ b/frontend/src/components/Logo.tsx
@@ -1,9 +1,8 @@
 import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import LogoSvg from '../assets/logo.svg';
+import { MlgLogo } from '@flamingo/ui-kit/components/icons';
 
-export const Logo = React.forwardRef<SVGSVGElement, SvgIconProps>((props, ref) => {
+export const Logo = React.forwardRef<SVGSVGElement, React.ComponentProps<typeof MlgLogo>>((props, ref) => {
   return (
-    <SvgIcon ref={ref} component={LogoSvg} inheritViewBox {...props} />
+    <MlgLogo ref={ref} {...props} />
   );
-}); 
\ No newline at end of file
+});