diff --git a/src/common-elements/shelfs.tsx b/src/common-elements/shelfs.tsx
index 0cc7e767..f07c6bfc 100644
--- a/src/common-elements/shelfs.tsx
+++ b/src/common-elements/shelfs.tsx
@@ -43,9 +43,8 @@ export const ShelfIcon = styled(IntShelfIcon)`
   transform: rotateZ(${props => directionMap[props.direction || 'down']});
 
   polygon {
-    fill: ${props =>
-      (props.color && props.theme.colors[props.color] && props.theme.colors[props.color].main) ||
-      props.color};
+    fill: ${({ color, theme }) =>
+      (color && theme.colors.responses[color] && theme.colors.responses[color].color) || color};
   }
 `;