diff --git a/src/frontend/package.json b/src/frontend/package.json
index 695c356c..4cd65087 100644
--- a/src/frontend/package.json
+++ b/src/frontend/package.json
@@ -71,7 +71,7 @@
     "@formatjs/cli": "4.2.10",
     "@formatjs/intl-relativetimeformat": "8.1.6",
     "@fortawesome/fontawesome-free": "5.15.3",
-    "bootstrap": "4.6.0",
+    "bootstrap": "5.0.1",
     "core-js": "3.11.1",
     "draft-js": "0.11.7",
     "draft-js-code": "0.3.0",
diff --git a/src/frontend/scss/_variables.scss b/src/frontend/scss/_variables.scss
index aaf41a35..2033d59f 100644
--- a/src/frontend/scss/_variables.scss
+++ b/src/frontend/scss/_variables.scss
@@ -9,5 +9,6 @@ $red: #fe3925;
 // Relative path the the fontawesome webfonts (from the compiled CSS file)
 $fa-font-path: '../font';
 
-$unread-color: lighten($red, 20%);
 $read-color: lighten($blue, 15%);
+$table-head-color: #495057;
+$unread-color: lighten($red, 20%);
diff --git a/src/frontend/yarn.lock b/src/frontend/yarn.lock
index 67296ad3..c6f9eecc 100644
--- a/src/frontend/yarn.lock
+++ b/src/frontend/yarn.lock
@@ -2543,10 +2543,10 @@ bluebird@^3.7.2:
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
   integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
-bootstrap@4.6.0:
-  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@5.0.1:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.0.1.tgz#e7939d599119dc818a90478a2a299bdaff037e09"
+  integrity sha512-Fl79+wsLOZKoiU345KeEaWD0ik8WKRI5zm0YSPj2oF1Qr+BO7z0fco6GbUtqjoG1h4VI89PeKJnMsMMVQdKKTw==
 
 boxen@^4.2.0:
   version "4.2.0"