diff --git a/assets/components/molecules/carousel/carousel.yml b/assets/components/molecules/carousel/carousel.yml
index 5495b9549..a45c824d5 100644
--- a/assets/components/molecules/carousel/carousel.yml
+++ b/assets/components/molecules/carousel/carousel.yml
@@ -1,7 +1,7 @@
 name: carousel
 title: Carousel
 notes: |
-  Basic carousel using Bootstrap functionality: https://getbootstrap.com/docs/4.0/components/carousel/.
+  Basic carousel using Bootstrap functionality: https://getbootstrap.com/docs/4.6/components/carousel/.
 
   Use the 'data-interval' attribute to change the automatic slide delay.
 
diff --git a/assets/components/organisms/modal/modal.yml b/assets/components/organisms/modal/modal.yml
index 213bf8221..e3ff96c60 100644
--- a/assets/components/organisms/modal/modal.yml
+++ b/assets/components/organisms/modal/modal.yml
@@ -3,4 +3,4 @@ name: modal
 notes: |
   The **Bootstrap Modal component** is a dialog box/popup window that is displayed on top of the current page.
 
-  For usage, [see Bootstrap documentation](https://getbootstrap.com/docs/4.0/components/modal/).
+  For usage, [see Bootstrap documentation](https://getbootstrap.com/docs/4.6/components/modal/).
diff --git a/assets/components/pages/layout-demo/layout-demo.twig b/assets/components/pages/layout-demo/layout-demo.twig
index 90815ae97..1bec16c9a 100644
--- a/assets/components/pages/layout-demo/layout-demo.twig
+++ b/assets/components/pages/layout-demo/layout-demo.twig
@@ -18,7 +18,7 @@
   <div class="container">
     <div class="alert alert-success">
       <h4>container</h4>
-      <p>This <strong>.container</strong> class is the bootstrap defaut one. When used, It will fallback to the default bootstrap behavior, that can be divided with rows, columns, etc... (see <a href="https://getbootstrap.com/docs/4.1/layout/grid/">the Bootstrap documentation)</a></p>
+      <p>This <strong>.container</strong> class is the bootstrap defaut one. When used, It will fallback to the default bootstrap behavior, that can be divided with rows, columns, etc... (see <a href="https://getbootstrap.com/docs/4.6/layout/grid/">the Bootstrap documentation)</a></p>
     </div>
   </div>
 {% endblock %}
diff --git a/assets/config/bootstrap.scss b/assets/config/bootstrap.scss
index 4c9e2f28d..6bf572591 100644
--- a/assets/config/bootstrap.scss
+++ b/assets/config/bootstrap.scss
@@ -1,10 +1,8 @@
 /*!
- * Bootstrap v4.5.2 (https://getbootstrap.com/)
- * Copyright 2011-2020 The Bootstrap Authors
- * Copyright 2011-2020 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- *
- * This list has not changed since the v4.0.0
+ * Bootstrap v4.6.2 (https://getbootstrap.com/)
+ * Copyright 2011-2022 The Bootstrap Authors
+ * Copyright 2011-2022 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
 
 @import "bootstrap/scss/functions";
@@ -41,5 +39,6 @@
 @import "bootstrap/scss/tooltip";
 @import "bootstrap/scss/popover";
 @import "bootstrap/scss/carousel";
+@import "bootstrap/scss/spinners";
 @import "bootstrap/scss/utilities";
 @import "bootstrap/scss/print";
diff --git a/docs/user documentation/create a page.md b/docs/user documentation/create a page.md
index 692af0b66..151365485 100644
--- a/docs/user documentation/create a page.md	
+++ b/docs/user documentation/create a page.md	
@@ -2,7 +2,7 @@
 
 ## Bootstrap based
 
-Elements is entirely **based on the [Bootstrap 4](https://getbootstrap.com/) framework**. It means that when you have to build a page, you can use all the **[grid](https://getbootstrap.com/docs/4.1/layout/grid/)** and **[spacing](https://getbootstrap.com/docs/4.1/utilities/spacing/) classes**.
+Elements is entirely **based on the [Bootstrap 4](https://getbootstrap.com/) framework**. It means that when you have to build a page, you can use all the **[grid](https://getbootstrap.com/docs/4.6/layout/grid/)** and **[spacing](https://getbootstrap.com/docs/4.6/utilities/spacing/) classes**.
 
 ### The grid
 
@@ -20,7 +20,7 @@ Based on **12 columns**, the grid is pretty easy to use. For example, **if you w
 ```
 See [the layout demo page](#/pages/layout-demo) to understand the usage we make of bootstrap grid.
 
-Read the [Bootstrap documentation](https://getbootstrap.com/docs/4.1/layout/grid/) to learn more about the grid.
+Read the [Bootstrap documentation](https://getbootstrap.com/docs/4.6/layout/grid/) to learn more about the grid.
 
 ### Spacing
 
@@ -32,7 +32,7 @@ Like with the grid, **Bootstrap provides some very useful classes to refine spac
 </div>
 ```
 
-Read the [documentation](https://getbootstrap.com/docs/4.1/utilities/spacing/) to learn more about the spacing classes.
+Read the [documentation](https://getbootstrap.com/docs/4.6/utilities/spacing/) to learn more about the spacing classes.
 
 ## Page types
 
diff --git a/package.json b/package.json
index 8afda03ad..309b828de 100644
--- a/package.json
+++ b/package.json
@@ -156,7 +156,7 @@
   },
   "dependencies": {
     "@selectize/selectize": "^0.13.6",
-    "bootstrap": "^4.5.2",
+    "bootstrap": "^4.6.2",
     "clipboard": "^2.0.6",
     "cookieconsent": "^3.1.1",
     "feather-icons": "^4.29.0",
diff --git a/yarn.lock b/yarn.lock
index e25fa5661..15f880f46 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2402,10 +2402,10 @@ boolbase@^1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
-bootstrap@^4.5.2:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.6.0.tgz#97b9f29ac98f98dfa43bf7468262d84392552fd7"
-  integrity sha512-Io55IuQY3kydzHtbGvQya3H+KorS/M9rSNyfCGCg9WZ4pyT/lCxIlpJgG1GXW/PswzC84Tr2fBYi+7+jFVQQBw==
+bootstrap@^4.6.2:
+  version "4.6.2"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.6.2.tgz#8e0cd61611728a5bf65a3a2b8d6ff6c77d5d7479"
+  integrity sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==
 
 boxen@^7.0.0:
   version "7.0.0"