diff --git a/sourcing/templates/base.html b/sourcing/templates/base.html
index c82a101..f277de6 100644
--- a/sourcing/templates/base.html
+++ b/sourcing/templates/base.html
@@ -7,7 +7,9 @@
 <title>{% block title %}Xanadu{% endblock %}</title>
 
 <link href="https://fonts.googleapis.com/css?family=Neuton" rel="stylesheet">
-<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap4/css/bootstrap.css') }}">
+{#<link rel="stylesheet" href="{{ url_for('static', filename='bootstrap4/css/bootstrap.css') }}"> #}
+<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
+
 <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
 
 {% block style %}
@@ -28,8 +30,12 @@
 <footer>&copy; 2017 Project Xanadu</footer>
 </div>
 
+{#
 <script src="{{ url_for('static', filename='jquery/jquery.js') }}"></script>
 <script src="{{ url_for('static', filename='bootstrap4/js/bootstrap.js') }}"></script>
+#}
+
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
 
 {% block scripts %}
 {% endblock %}