diff --git a/src/components/sections/ExperienceSection.astro b/src/components/sections/ExperienceSection.astro
index f63ba84..4200be8 100644
--- a/src/components/sections/ExperienceSection.astro
+++ b/src/components/sections/ExperienceSection.astro
@@ -166,7 +166,3 @@ const experiences = ((await directus.request(
     })}
   </ul>
 </section>
-
-<script>
-  import "@preline/collapse/index.js";
-</script>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 94e5857..b00277d 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -62,12 +62,6 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
       window.localStorage.setItem('theme', theme);
     </script>
 
-    <!-- Preline -->
-    <script
-      src="/vendor/preline/collapse2.1.0.min.js"
-      is:inline
-    ></script>
-
     <!-- Rybbit Tracking Snippet -->
     <script
       src="https://rybbit.alexlebens.dev/api/script.js"
@@ -101,6 +95,20 @@ const normalizeTitle = !title ? global.name : `${title} | ${global.name}`;
       </main>
     </div>
 
+    <!-- Load Preline -->
+    <script>
+      import "preline";
+      if (window.HSStaticMethods) {
+        window.HSStaticMethods.autoInit();
+      }
+      document.addEventListener("swup:page:view", () => {
+        if (window.HSStaticMethods) {
+          window.HSStaticMethods.autoInit();
+        }
+      });
+    </script>
+
+
   </body>
 </html>