fix(text): prevent always running detect text alignment (#579)

src/components/Text/src/Text.vue

@@ -123,7 +123,7 @@ export default {
 
 	data() {
 		return {
-			isCentered: false,
+			isCenteredAndSpaced: false,
 		};
 	},
 
@@ -204,19 +204,19 @@ export default {
 			if (this.resolvedLetterSpacing !== 'inherit') {
 				styles.letterSpacing = this.resolvedLetterSpacing;
 			}
-			if (this.isCentered) {
+			if (this.isCenteredAndSpaced) {
 				styles.paddingLeft = styles.letterSpacing;
 			}
 			return styles;
 		},
 	},
 
 	mounted() {
-		this.detectAlignCenter();
+		this.detectAlignCenterAndLetterSpacing();
 	},
 
 	updated() {
-		this.detectAlignCenter();
+		this.detectAlignCenterAndLetterSpacing();
 	},
 
 	methods: {
@@ -227,10 +227,14 @@ export default {
 		 * Detect if the text is center aligned and add left padding
 		 * to balance out the letter spacing
 		 */
-		detectAlignCenter() {
+		detectAlignCenterAndLetterSpacing() {
+			if (!this.resolvedLetterSpacing) {
+				return;
+			}
+
 			const computedStyle = window.getComputedStyle(this.$el);
 			const textAlign = computedStyle.getPropertyValue('text-align');
-			this.isCentered = textAlign === 'center';
+			this.isCenteredAndSpaced = textAlign === 'center';
 		},
 	},