Issue when using Carousel component, column / row seems to do nothing

All,

I'm trying to create a carousel which displays a view with a max of 6 rows and then rotates to the next 6 and so on. However, my view is wide and narrow so I need it to arrange in rows and stack within the carousel component. It seems that no matter which selection I have chosen (column or row), it puts them side by side (horizontal) instead of vertically stacking them.

I've went as far as putting the parameters inside of the for loop iteration code and it doesn't seem to care.

Is the carousel component supposed to behave in this way? Wasn't sure if this is a bug or normal behavior and I'm just using this component incorrectly.

code:

def transform(self, value, quality, timestamp):
	query = "SELECT LineCode, ProcessType, eqpath, OETgt, AvaiTgt, PfTgt, QlTgt, GroupName FROM LineLocal WHERE Enabled = 1 AND GroupName = ? ORDER BY LineCode"
	machineGroup = value
	queryResults = system.db.runPrepQuery(query, [machineGroup])
	## Create an empty list for initialization
	views = []
	for object in queryResults:
		# Capture all data
		views.append({"viewPath":"WebViewConcept/Template",
		"direction":"row",
		"justify":"flex-start",
		"alignItems":"center",
		"viewParams": {"AvaiTgt":object["AvaiTgt"],
		"eqPath":object["eqpath"],
		"GroupName":object["GroupName"],
		"Line":object["LineCode"],
		"OETgt":object["OETgt"],
		"PfTgt":object["PfTgt"],
		"ProcessType":object["ProcessType"],
		"QlTgt":object["QlTgt"]}
		})
	views = sorted(views, key = lambda x: x["viewParams"]["Line"])
	return views