diff --git a/login/templates/login_base.html b/login/templates/login_base.html
index be8ed72..a2cc816 100644
--- a/login/templates/login_base.html
+++ b/login/templates/login_base.html
@@ -13,11 +13,11 @@
     {% endblock %}
     <title>{% block title %}{% if title %}{{ title }} – {% endif %}DeviceHub{% endblock %}</title>
 
-    <!-- Bootstrap core CSS -->
+        <!-- Bootstrap core CSS -->
     {% block style %}
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
-    <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
+    <script src="{% static 'fontawesomefree/js/all.min.js' %}"></script>
     <link href="{% static "/css/bootstrap.min.css" %}" rel="stylesheet">
+    <link href="{% static "/css/bootstrap-icons.min.css" %}" rel="stylesheet">
 
     <style>
       .bd-placeholder-img {
@@ -107,9 +107,9 @@
     </div>
   </footer>
 
-    <script src="/static/js/bootstrap.bundle.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js" integrity="sha384-zNy6FEbO50N+Cg5wap8IKA4M/ZnLJgzc6w2NqACZaK0u0FXfOWRRJOnQtpZun8ha" crossorigin="anonymous"></script>
+    <script src="{% static "js/jquery-3.3.1.slim.min.js" %}"></script>
+    <script src="{% static "js/popper.min.js" %}"></script>
+    <script src="{% static "js/bootstrap.min.js" %}"></script>
     <script>
       const togglePassword = document.querySelector('#togglePassword');
       const password = document.querySelector('#id_password');