diff --git a/package.json b/package.json
index e6bea5ad5eff738076c0dd769ddcbdb201ee9747..a1cbefd0bbe03d933c61f5aa75cf608ffb0a0c9a 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,6 @@
   "name": "scheduler",
   "version": "1.0.0",
   "dependencies": {
-    "bootstrap": "^4.6.1"
+    "bootstrap": "^5.1.3"
   }
 }
diff --git a/scheduler/main/static/style.css b/scheduler/main/static/style.css
index 8dbf9a9680c337b07426f9a682e213513036c2d7..452ee0903847ff1db90bc6e2724e7c89887bd96a 100644
--- a/scheduler/main/static/style.css
+++ b/scheduler/main/static/style.css
@@ -1,5 +1,5 @@
 .container {
-    max-width: var(--breakpoint-md, 768px);
+    max-width: var(--bs-breakpoint-md, 768px);
 }
 
 .full-width {
@@ -40,8 +40,8 @@
     margin-top: -0.6em;
     border-radius: 50%;
     text-align: center;
-    color: var(--white);
-    background-color: var(--success);
+    color: var(--bs-white);
+    background-color: var(--bs-success);
     opacity: 0;
     transition: opacity 300ms ease;
 }
diff --git a/scheduler/main/templates/base.html b/scheduler/main/templates/base.html
index aa9e306d5d8bac4de9b0b8d99e4cf07344dae2b6..237cec70be7a1ee1587de4abc4a97b4ef2b735b9 100644
--- a/scheduler/main/templates/base.html
+++ b/scheduler/main/templates/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-{% load i18n static bootstrap4 %}
+{% load i18n static django_bootstrap5 %}
 {% get_current_language as LANGUAGE_CODE %}
 <html lang="{{ LANGUAGE_CODE }}">
 <head>
@@ -14,10 +14,8 @@
 <body>
     <header class="bg-dark">
         <nav class="container navbar navbar-expand-sm navbar-dark">
-            <ul class="navbar-nav mr-auto">
-                <li class="nav-item">
-                    <a {% if user.is_authenticated %}href="/" rel="home"{% endif %} class="navbar-brand">{{ TITLE }}</a>
-                </li>
+            <a {% if user.is_authenticated %}href="/" rel="home"{% endif %} class="navbar-brand">{{ TITLE }}</a>
+            <ul class="navbar-nav me-auto">
                 {% for href, label in NAV %}
                     <li class="nav-item">
                         <a class="nav-link" href="{{ href }}">{{ label }}</a>
@@ -31,7 +29,7 @@
     </header>
     <main class="container py-3">
         {% for message in messages %}
-            <div class="{{ message|bootstrap_message_classes }}" role="alert">
+            <div class="alert alert-{{ message|bootstrap_message_alert_type }}" role="alert">
                 {{ message }}
             </div>
         {% endfor %}
diff --git a/scheduler/main/templates/main/invitation_form.html b/scheduler/main/templates/main/invitation_form.html
index 838011f417db36e883be0c5c836257d11dd740a9..72feedfd3859314fd601bf3da583b26afe257937 100644
--- a/scheduler/main/templates/main/invitation_form.html
+++ b/scheduler/main/templates/main/invitation_form.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% load static i18n bootstrap4 %}
+{% load static i18n django_bootstrap5 %}
 
 {% block title %}{% translate "Schedule appointment" %}{% endblock %}
 
diff --git a/scheduler/main/templates/main/schedule_form.html b/scheduler/main/templates/main/schedule_form.html
index 4ca63f23b2e9585745c8015195af071514087f4c..1b4dda5060894061d0215cd00b90d686238975fe 100644
--- a/scheduler/main/templates/main/schedule_form.html
+++ b/scheduler/main/templates/main/schedule_form.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% load static i18n bootstrap4 %}
+{% load static i18n django_bootstrap5 %}
 
 {% block title %}
     {% if object %}
@@ -22,16 +22,16 @@
         <fieldset>
             <legend>{% translate 'Timeslots' %}</legend>
 
-            <div class="form-row">
-                <div class="form-group col col-sm-4">
+            <div class="mb-3 row gx-2">
+                <div class="col col-sm-4">
                     <input type="date" form="add_date" name="input" class="form-control" required>
                 </div>
                 <div class="col">
                     <button form="add_date" class="btn btn-secondary">{% translate 'Add date' %}</button>
                 </div>
             </div>
-            <div class="form-row">
-                <div class="form-group col col-sm-4">
+            <div class="mb-3 row gx-2">
+                <div class="col col-sm-4">
                     <input type="time" form="add_time" name="input" class="form-control" required>
                 </div>
                 <div class="col">
@@ -66,7 +66,7 @@
         </fieldset>
 
         {% if object %}
-            <div class="form-group">
+            <div class="mb-3">
                 <label for="id_schedule_id">{% translate 'Schedule ID' %}</label>
                 <div class="input-group">
                     <input id="id_schedule_id" class="form-control" value="{{ object.uuid }}" readonly>
diff --git a/scheduler/main/templates/main/schedule_list.html b/scheduler/main/templates/main/schedule_list.html
index 696731715eb5643fa662eaee055aea6946684867..c467c468917a9463cfc46c62ec9c9c3f28cc86ac 100644
--- a/scheduler/main/templates/main/schedule_list.html
+++ b/scheduler/main/templates/main/schedule_list.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% load i18n bootstrap4 %}
+{% load i18n django_bootstrap5 %}
 
 {% block title %}{% translate "Start" %} &middot; {{ block.super }}{% endblock %}
 
diff --git a/scheduler/main/templates/registration/login.html b/scheduler/main/templates/registration/login.html
index 0613b35574afdd8e359e009d7190a00dcd6684ba..89290895de651867d861c5f75ce0bdad245be8f5 100644
--- a/scheduler/main/templates/registration/login.html
+++ b/scheduler/main/templates/registration/login.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
-{% load i18n bootstrap4 %}
+{% load i18n django_bootstrap5 %}
 
 {% block title %}{% translate "Log in" %} &middot; {{ block.super }}{% endblock %}
 
diff --git a/scheduler/settings/default.py b/scheduler/settings/default.py
index 474362d13cc8dbb5ad9f30730ca7a8a69f5a59de..bf142bc637a190e6efe0d4da882b70aff0492ba7 100644
--- a/scheduler/settings/default.py
+++ b/scheduler/settings/default.py
@@ -14,7 +14,7 @@ INSTALLED_APPS = [
     'django.contrib.staticfiles',
     'django.contrib.sites',
     'django.contrib.flatpages',
-    'bootstrap4',
+    'django_bootstrap5',
     'scheduler.main',
 ]
 
@@ -115,9 +115,8 @@ NPM_FILE_PATTERNS = {
     ],
 }
 
-BOOTSTRAP4 = {
+BOOTSTRAP5 = {
     'set_placeholder': False,
-    'success_css_class': None,
 }
 
 TITLE = 'Scheduler'
diff --git a/setup.cfg b/setup.cfg
index c96eced2d6128c4712804635f52c948bc8a0b29d..6fe70fcebc3f053ef78109e1af1af3242bb15fed 100644
--- a/setup.cfg
+++ b/setup.cfg
@@ -9,7 +9,7 @@ include_package_data = True
 packages = find:
 install_requires =
     Django == 3.2.11
-    django-bootstrap4 == 21.2
+    django-bootstrap5 == 21.3
     django-npm == 1.0.0
 
 [options.extras_require]
