diff --git a/components/layoutPanel/header/icons/Theme.js b/components/layoutPanel/header/icons/Theme.js
index cb24cec..6f5ece1 100644
--- a/components/layoutPanel/header/icons/Theme.js
+++ b/components/layoutPanel/header/icons/Theme.js
@@ -23,7 +23,12 @@ function Theme() {
       onClick={() => setTheme(theme === "light" ? "dark" : "light")}
       variant="outlined"
     >
-      {theme === "light" ? <MoonP /> : <Sun />}
+      <div className="block dark:hidden">
+        <MoonP />
+      </div>
+      <div className="hidden dark:block">
+        <Sun />
+      </div>
     </Button>
   );
 }
diff --git a/components/layoutPanel/header/icons/index.js b/components/layoutPanel/header/icons/index.js
index c559bb2..8b4feab 100644
--- a/components/layoutPanel/header/icons/index.js
+++ b/components/layoutPanel/header/icons/index.js
@@ -1,6 +1,5 @@
 import { Button } from "@mui/material";
 import React from "react";
-import MoonP from "@/components/icons/MoonP";
 import NotificationP from "@/components/icons/NotificationP";
 import SettingP from "@/components/icons/SettingP";
 import SearchHeaderP from "@/components/icons/SearchHeaderP";
diff --git a/components/panel/userAccount/bank/head/modal/ModalAddCard.js b/components/panel/userAccount/bank/head/modal/ModalAddCard.js
index da3016f..a54fd6c 100644
--- a/components/panel/userAccount/bank/head/modal/ModalAddCard.js
+++ b/components/panel/userAccount/bank/head/modal/ModalAddCard.js
@@ -1,5 +1,4 @@
 import { useState } from "react";
-import TrashOrangeD from "@/components/icons/TrashOrangeD";
 import { Box, Button, Modal } from "@mui/material";
 import { styleDefault } from "@/mui";
 import CloseModalD from "@/components/icons/CloseModalD";