How do I change eslint styling organization from alphabetical?

Question

I am using eslint to organize my styling code, but was wondering if there are different options other than alphabetical styling ordering. Currently eslint suggests I change this:

Tag: {
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    height: 19,
    marginBottom: 1,
    marginLeft: 2,
},

To this:

Tag: {
    alignItems: "center",
    display: "flex",
    height: 19,
    justifyContent: "center",
    marginBottom: 1,
    marginLeft: 2,
},

While this does follow a consistent pattern for all of the styling in my code, this organization doesn't seem the most helpful for quickly understanding what Tag does. I personally tend to group all of my flexbox styling together whereas organizing alphabetically separates these stylings.

Is there a way to setup eslint to suggest different styling organization than alphabetical?