I've got the following code that's working as a nested repeat:

<ul class="ref">
 <div dat-binding-id="repeat2" data-binding-repeat-children="{{$value}}"><li><i class="icon-ok icon-white"></i>&nbsp;{{Product}}</li></div>
             </ul>

The problem is that the nested repeat code "overwrites" the CSS for the list (no more borders and padding is being applied). Does anyone know where the problem might be? Thanks for any help.

Hello Andre,

It seems to me you applied the repeat children to a wrong element.
Please make sure to select the <ul> tag in the Properties Inspector before clicking the Repeat Children -> Bind.

That fixed the problem. Thanks Teodor.