diff --git a/concordia/static/js/src/homepage-carousel.js b/concordia/static/js/src/homepage-carousel.js
index 312e62d13..ccd085310 100644
--- a/concordia/static/js/src/homepage-carousel.js
+++ b/concordia/static/js/src/homepage-carousel.js
@@ -1,10 +1,10 @@
 /* global $ */
 
-import * as bootstrap from 'https://cdn.skypack.dev/bootstrap@5.3.0/dist/js/bootstrap.esm.js';
+import {Carousel} from '/static/bootstrap/dist/js/bootstrap.esm.js';
 
 // initialization
 var carouselElement = document.getElementById('homepage-carousel');
-var carousel = new bootstrap.Carousel(carouselElement, {
+var carousel = new Carousel(carouselElement, {
     interval: 5000,
     pause: false,
 });
diff --git a/concordia/templates/home.html b/concordia/templates/home.html
index 050881ff7..ac5b3db84 100644
--- a/concordia/templates/home.html
+++ b/concordia/templates/home.html
@@ -5,6 +5,14 @@
 {% block title %}Home{% endblock title %}
 
 {% block head_content %}
+    <script type="importmap">
+        {
+            "imports": {
+                "@popperjs/core": "{% static 'popper.js/dist/popper.min.js' %}",
+                "bootstrap": "{% static 'bootstrap/dist/js/bootstrap.esm.js' %}"
+            }
+        }
+    </script>
     <script type="module" src="{% static 'js/homepage-carousel.js' %}"></script>
 {% endblock head_content %}
 
diff --git a/package.json b/package.json
index 9d3ebea90..8d0313152 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
         "js-cookie": "^2.2.1",
         "openseadragon": "^2.4.2",
         "openseadragon-filtering": "^1.0.0",
-        "popper.js": "^1.16.1",
+        "@popperjs/core": "^2.11.8",
         "prettier": "^2.8.8",
         "redom": "^3.27.1",
         "remarkable": "^2.0.1",