Here is how I did it to get perfecto
Text(attraction.name)
.font(.system(size: 12, weight: .semibold))
.padding(.horizontal, 6)
.padding(.vertical, 4)
.foregroundColor(.white)
.background(LinearGradient(gradient: Gradient(colors: [Color.red, Color.blue]),
startPoint: .leading, endPoint: .trailing))
.cornerRadius(5)
.overlay(RoundedRectangle(cornerRadius: 5).stroke(Color.white))