update ribbons component with more visual details and refactor class names