diff --git a/bullet_train-themes-light/app/views/showcase/engine/_head.html.erb b/bullet_train-themes-light/app/views/showcase/engine/_head.html.erb
index cff37c3e5..a76bbf18c 100644
--- a/bullet_train-themes-light/app/views/showcase/engine/_head.html.erb
+++ b/bullet_train-themes-light/app/views/showcase/engine/_head.html.erb
@@ -33,14 +33,19 @@
   BulletTrain.theme = new ___theme()
   BulletTrain.theme.start()
 
-  document.addEventListener("DOMContentLoaded", () => {
+  function placeThemeSelector() {
     const node = document.getElementById("bullet_train_theme_selects").content.cloneNode(true)
     document.querySelector("main").appendChild(node)
-  })
+    const selectorNode = document.getElementById("bt-theme-selector")
+    document.querySelector("main").style.paddingBottom = selectorNode.offsetHeight + "px"
+  }
+
+  document.addEventListener("DOMContentLoaded", placeThemeSelector);
+  document.addEventListener("turbo:load", placeThemeSelector);
 </script>
 
 <template id="bullet_train_theme_selects">
-  <section class="border-t w-full p-4 flex justify-end left-0 bottom-0">
+  <section class="border-t w-full p-4 flex justify-end left-0 bottom-0 fixed bg-white dark:sc-bg-neutral-900" id="bt-theme-selector">
     <h3 class="pt-2">Bullet Train Light theme options</h3>
 
     <div>