diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index eda1a35..167bcc5 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -603,9 +603,9 @@
                     inputLabel.style.color = 'red';
                 } else if (emojisSupported && !isEmojiSpacingOk(value)) {
                     console.warn("here in", document.querySelector('#shx-info-text'))
-                    document.querySelector('#shx-info-text').style.innerHTML = 'Tipp: Füge Leerzeichen zwischen Text und Emojis ein, um den Text besser lesbar zu machen.';
-                    document.querySelector('#shx-info-text').style.color = 'red';
                     document.querySelector('#shx-info-text').style.display = 'block';
+                    document.querySelector('#shx-info-text').style.color = 'red';
+                    document.querySelector('#shx-info-text').style.innerHTML = 'Tipp: Füge Leerzeichen zwischen Text und Emojis ein, um den Text besser lesbar zu machen.';
 
                     // hide the text after 8 seconds
                     setTimeout(() => {