Ion Scroll in Ion cards

Hello, I am trying to add a scrollable div inside of the directive so that within the card there is a box where you can scroll left or right and select items. However, when I put test circles inside of the scrollable div, it makes it so that I cannot scroll in the x direction. Is there any solution behind this. Attached is a picture of what I want to do except I want to be able to scroll left and right and see more circles.
image