In a UI with multiple cards arranged in a grid, the shadow of cards are falling on top of other cards. All these cards are supposed to be on the same level (elevation/depth). Is there any way to solve this issue in Sketch without merging these shapes into a single layer?

Overlapping card shadows

  • You could merely change the stacking order.
    – Scott
    Commented Feb 27, 2020 at 12:31

1 Answer 1


Group the cards and apply the shadow to the group instead of the individual cards. This way you don't have to merge all the shapes.

Bonus: your layers will be more organised, and you'll be sure that all cards have the same settings for the shadows.

  • But if you do that, won't the shadow be applied to the group instead? Then you lose the ability to create a smooth effect for every card in your group right? Sorry if I missed something.
    – Clafouti
    Commented Jan 28, 2020 at 11:49
  • @Clafou the shadow is applied to every card in the group and the shadows won't overlap, what do you mean? What smooth effect?
    – Luciano
    Commented Jan 28, 2020 at 12:26
  • I just though it wouldn't work that way, sorry for the misunderstanding :)
    – Clafouti
    Commented Jan 28, 2020 at 15:45
  • There are some limitations for this method. 1. Sketch won't allow to add more than one shadow to a group. But this can be overcome by wrapping the group in another group. 2. When I handover the designs to devs through Zeplin, this shadows won't show up. There is no way devs can see the specs of the group shadows. This is a bummer.
    – Dreamist
    Commented Jan 30, 2020 at 6:19
  • @Dreamist yeah, the real solution is to make those shadows shorter, since the cards are so close to each other the softness effect gets lost, the shadows get quite dark anyway.
    – Luciano
    Commented Jan 30, 2020 at 9:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.