diff --git a/js/room-code-display.js b/js/room-code-display.js
index 3153a7f..556391b 100644
--- a/js/room-code-display.js
+++ b/js/room-code-display.js
@@ -211,7 +211,7 @@ class RoomCodeDisplay {
     header.textContent = inputs.headerText.value;
     this.#applyMeterGradient();
     header.style.fontSize = `${inputs.headerSize.value}px`;
-    header.style.transform = `translateY(${inputs.headerOffset.value}px)`;
+    header.style.transform = `translateX(-50%) translateY(${inputs.headerOffset.value}px)`;
 
     footer.textContent = inputs.footerText.value;
     footer.style.color = inputs.footerColor.value;
diff --git a/optimized-controls.html b/optimized-controls.html
index 38e8468..8395ed5 100644
--- a/optimized-controls.html
+++ b/optimized-controls.html
@@ -29,9 +29,9 @@
         
         #header {
             position: absolute;
-            width: 100%;
-            text-align: center;
-            transform: translateY(-220px);
+            width: fit-content;
+            left: 50%;
+            transform: translateX(-50%) translateY(-220px);
             color: #f35dcb;
             font-size: 80px;
             font-weight: bold;