diff --git a/static/main.css b/static/main.css
index 8cf4629..80a188c 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,16 +1,22 @@
-body {
-}
+body {}
+
 #reload_captcha {
-  display: inline;
+    display: inline;
 }
+
 #main_container {
-  width: clamp(400px,70%,700px);
-  margin-bottom: 200px;
-  margin-top: 20px;
+    width: clamp(400px, 70%, 700px);
+    margin-bottom: 200px;
+    margin-top: 20px;
 }
 
 
 .bg-my {
   background-color: #2F9C97;
   color: white;
-}
\ No newline at end of file
+}
+
+.tooltip {
+    font-size: 11pt;
+    line-height: 1.1;
+}
diff --git a/static/main.js b/static/main.js
index e83a584..7ed582c 100644
--- a/static/main.js
+++ b/static/main.js
@@ -2,6 +2,8 @@
 (function() {
     'use strict';
     window.addEventListener('load', function() {
+        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
         update_total_due();
         update_paper_id_field();
         // Fetch all the forms we want to apply custom Bootstrap validation styles to