Prevent centered table header movement on sorting?

HI,

I have a table with centered headers using css:
.v-table-caption-container {
text-align: center;
}

.v-table-caption-container-align-center {
	text-align: center;
}

If I click a header for sorting the table column, then the header text is moved a bit to the left as the icon for sorting takes some place on the right side of the header.
How can I prevent this? How can I let the sort icon show without moving the centered header text?