diff --git a/popup/src/components/icons/IconDraggable.spec.ts b/popup/src/components/icons/IconDraggable.spec.ts
index 0e390b6..fe9bc0c 100644
--- a/popup/src/components/icons/IconDraggable.spec.ts
+++ b/popup/src/components/icons/IconDraggable.spec.ts
@@ -24,7 +24,7 @@ describe('IconDraggable.vue', () => {
 
     const icon = wrapper.findComponent(Icon)
 
-    expect(icon.classes()).toContain('text-green-600')
+    expect(icon.classes()).toContain('text-green-900')
     expect(icon.classes()).not.toContain('opacity-20')
   })
 
@@ -34,7 +34,7 @@ describe('IconDraggable.vue', () => {
     })
     const icon = wrapper.findComponent(Icon)
     expect(icon.classes()).toContain('opacity-20')
-    expect(icon.classes()).not.toContain('text-green-600')
+    expect(icon.classes()).not.toContain('text-green-900')
   })
 
   it('emits the clickDrag event when clicked', async () => {
diff --git a/popup/src/components/icons/IconDraggable.vue b/popup/src/components/icons/IconDraggable.vue
index 4beacb8..faed995 100644
--- a/popup/src/components/icons/IconDraggable.vue
+++ b/popup/src/components/icons/IconDraggable.vue
@@ -2,7 +2,7 @@
   <IconContainer @click="emit('clickDrag')">
     <Icon
       :icon="`fluent:drag-20-regular`"
-      :class="[props.isDraggable ? 'text-green-600' : 'opacity-20']"
+      :class="[props.isDraggable ? 'text-green-900' : 'opacity-20']"
     />
   </IconContainer>
 </template>