diff --git a/frontend/hospital-portal/src/components/Logo.tsx b/frontend/hospital-portal/src/components/Logo.tsx
index de8e5831..71b4916e 100644
--- a/frontend/hospital-portal/src/components/Logo.tsx
+++ b/frontend/hospital-portal/src/components/Logo.tsx
@@ -17,7 +17,7 @@ export default function Logo({ disabledLink = false, sx }: Props) {
 
   const logo = (
     <Box sx={{ width: 40, height: 40, ...sx }}>
-      <img src="/logo/logo-linksehat.png" alt="LinkSehat" />
+      <img src="/icons/ic_flag_id.svg" alt="LinkSehat" />
     </Box>
   );
 
diff --git a/frontend/hospital-portal/src/layouts/dashboard/header/LanguagePopover.tsx b/frontend/hospital-portal/src/layouts/dashboard/header/LanguagePopover.tsx
index 52d0e80d..581f93ee 100644
--- a/frontend/hospital-portal/src/layouts/dashboard/header/LanguagePopover.tsx
+++ b/frontend/hospital-portal/src/layouts/dashboard/header/LanguagePopover.tsx
@@ -53,7 +53,7 @@ export default function LanguagePopover() {
               ...(open && { bgcolor: 'action.selected' }),
             }}
           >
-            <img
+            <Image
               disabledEffect
               src={(
                 !localStorage.getItem('currentLocale')