diff --git a/src/components/home/ProjectsNavigationItem.vue b/src/components/home/ProjectsNavigationItem.vue
index caea71b5f..4e130519a 100644
--- a/src/components/home/ProjectsNavigationItem.vue
+++ b/src/components/home/ProjectsNavigationItem.vue
@@ -147,6 +147,10 @@ const canNestDeeper = computed(() => canNestProjectDeeper(level))
 	}
 }
 
+.is-touch .color-bubble {
+	opacity: 1 !important;
+}
+
 .color-bubble-handle-wrapper {
 	position: relative;
 	width: 1rem;
@@ -175,4 +179,8 @@ const canNestDeeper = computed(() => canNestProjectDeeper(level))
 	color: var(--grey-300) !important;
 	font-size: .75rem;
 }
+
+.is-touch .handle.has-color-bubble {
+	display: none !important;
+}
 </style>