diff --git a/directory/Version b/directory/Version
index a96f385..21344eb 100644
--- a/directory/Version
+++ b/directory/Version
@@ -1 +1 @@
-1.2.16
\ No newline at end of file
+1.2.17
\ No newline at end of file
diff --git a/directory/src/component/dropdown.jsx b/directory/src/component/dropdown.jsx
index fdbb309..ef5f989 100644
--- a/directory/src/component/dropdown.jsx
+++ b/directory/src/component/dropdown.jsx
@@ -55,6 +55,7 @@ export default function Dropdown(props) {
                         props.onClick(item)
                         toggleDropdown()
                       }}
+                      style={item.color ? { color: item.color } : {}}
                     >
                       {
                         item.icon ? (
diff --git a/directory/src/component/scss/dropdown.module.scss b/directory/src/component/scss/dropdown.module.scss
index 9a3c5e0..03c798a 100644
--- a/directory/src/component/scss/dropdown.module.scss
+++ b/directory/src/component/scss/dropdown.module.scss
@@ -110,18 +110,20 @@
       cursor: pointer;
       padding: 0.5rem;
       font-size: 1rem;
-      transition: color cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
       display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
+      justify-content: space-between;
       align-items: center;
-      flex-wrap: nowrap;
+
+      .text {
+        flex: 1;
+        transition: color cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
+        margin-left: 1rem;
+      }
 
       .item_icon {
-        height: inherit;
         width: 1rem;
         fill: var(--text-color);
-        margin-right: 0.5rem;
+        transition: fill cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
       }
 
       &:hover,
@@ -130,6 +132,9 @@
         .text {
           color: currentColor;
         }
+        .item_icon {
+          fill: currentColor;
+        }
       }
     }
   }
diff --git a/directory/src/routes/path/Home.jsx b/directory/src/routes/path/Home.jsx
index fb21120..1c3c893 100644
--- a/directory/src/routes/path/Home.jsx
+++ b/directory/src/routes/path/Home.jsx
@@ -81,7 +81,8 @@ export default function Home() {
       dict[item.date].push({
         codename: item.codename,
         link: item.link,
-        type: item.type
+        type: item.type,
+        color: item.color
       })
     })
     return dict
@@ -102,6 +103,7 @@ export default function Home() {
             name: item.codename[language],
             value: item.link,
             type: "item",
+            color: item.color,
             icon: <CharIcon
               type={item.type}
               viewBox={