People List item card background border length

Site URL: https://www.10peaks.ca/teachers-program

I used a people section to create a table for the workshop choices. I have been trying to customize the layout. Digging into the the list items is hard. With a lot of digging I have hacked away at the list item card adjusting spacing and such. 

This might not have been the best solution but it is working. If someone has a better idea let me know. 

I added a boarder to the card

/* Program page list item card background */
#collection-61e4bb242383a6347d546d45 .list-item[data-is-card-enabled="true"] {
  border-right:1px solid #512d4f
}

I would like the right borders to all be the same length. Is that possible? 

Thanks

32 minutes ago, chrisshaddock said:

Site URL: https://www.10peaks.ca/teachers-program

I used a people section to create a table for the workshop choices. I have been trying to customize the layout. Digging into the the list items is hard. With a lot of digging I have hacked away at the list item card adjusting spacing and such. 

This might not have been the best solution but it is working. If someone has a better idea let me know. 

I added a boarder to the card

/* Program page list item card background */
#collection-61e4bb242383a6347d546d45 .list-item[data-is-card-enabled="true"] {
  border-right:1px solid #512d4f
}

I would like the right borders to all be the same length. Is that possible? 

Thanks

 

Try adding to Home > Design > Custom Css

#collection-61e4bb242383a6347d546d45 .user-items-list-simple  > li{
  height: 100%;
}

Let me know how it works on your site

Thank you @bangank36

That worked.