diff --git a/src/components/SelectYear/arrow-down.svg b/public/images/SelectYeararrow-down.svg
similarity index 100%
rename from src/components/SelectYear/arrow-down.svg
rename to public/images/SelectYeararrow-down.svg
diff --git a/src/components/SelectYear/arrow-up.svg b/public/images/SelectYeararrow-up.svg
similarity index 100%
rename from src/components/SelectYear/arrow-up.svg
rename to public/images/SelectYeararrow-up.svg
diff --git a/src/components/SelectYear/Month.js b/src/components/MiniComponents/SelectYear/SelectYearMonth.js
similarity index 100%
rename from src/components/SelectYear/Month.js
rename to src/components/MiniComponents/SelectYear/SelectYearMonth.js
diff --git a/src/components/SelectYear/index.js b/src/components/MiniComponents/SelectYear/index.js
similarity index 96%
rename from src/components/SelectYear/index.js
rename to src/components/MiniComponents/SelectYear/index.js
index 3b823f4..c0e21e0 100644
--- a/src/components/SelectYear/index.js
+++ b/src/components/MiniComponents/SelectYear/index.js
@@ -3,10 +3,9 @@
 import React, { useState, useRef } from "react";
 import ScrollContainer from "react-indiana-drag-scroll";
 
-import "./index.scss";
 
-import arrowDown from "./arrow-down.svg";
-import arrowUp from "./arrow-up.svg";
+import arrowDown from "images/SelectYeararrow-down.svg";
+import arrowUp from "images/SelectYeararrow-up.svg";
 import Month from "./Month.js";
 
 const SelectYear = ({ items }) => {
diff --git a/src/components/MiniComponents/index.js b/src/components/MiniComponents/index.js
index 1285680..4851700 100644
--- a/src/components/MiniComponents/index.js
+++ b/src/components/MiniComponents/index.js
@@ -10,6 +10,7 @@ import CancleIcon from "./CancleIcon";
 import CircleInCircle from "./CircleInCircle";
 import DropDown from "./DropDown";
 import IconText from "./IconText";
+import SelectYear from "./SelectYear";
 
 function MiniComponents() {
   const list = {
@@ -20,9 +21,10 @@ function MiniComponents() {
     5: <BookDesign />,
     6: <BreadCrumb />,
     7: <CancleIcon />,
-    7: <CircleInCircle />,
-    8: <DropDown />,
-    8: <IconText />,
+    8: <CircleInCircle />,
+    9: <DropDown />,
+    10: <IconText />,
+    11: <SelectYear />,
   };
   const [type, setType] = useState(1);
 
diff --git a/src/components/SelectYear/index.scss b/src/components/SelectYear/index.scss
deleted file mode 100644
index e69de29..0000000