updated styles using flex and extends. converted from previous style design