diff --git a/src/components/home/ProjectsNavigationItem.vue b/src/components/home/ProjectsNavigationItem.vue
index fb75c430d..9826d2ce9 100644
--- a/src/components/home/ProjectsNavigationItem.vue
+++ b/src/components/home/ProjectsNavigationItem.vue
@@ -16,15 +16,22 @@
class="list-menu-link"
:class="{'router-link-exact-active': currentProject.id === project.id}"
>
-
-
-
-
-
+
+
+
+
+
+
+
{
.list-menu:hover > div > .favorite {
opacity: 1;
}
+
+.list-menu:hover > div > a > .color-bubble-handle-wrapper > .color-bubble {
+ opacity: 0;
+}
+
+.color-bubble-handle-wrapper {
+ position: relative;
+ width: 1rem;
+ height: 1rem;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ margin-right: .25rem;
+
+ .color-bubble, .icon {
+ transition: all $transition;
+ position: absolute;
+ width: 12px;
+ margin: 0 !important;
+ padding: 0 !important;
+ }
+}