diff --git a/src/assets/css/_bootstrap.scss b/src/assets/css/_bootstrap.scss
index d251a04..f4eef0f 100644
--- a/src/assets/css/_bootstrap.scss
+++ b/src/assets/css/_bootstrap.scss
@@ -31,7 +31,7 @@
 // @import 'bootstrap/scss/forms';
 @import 'bootstrap/scss/grid';
 // @import 'bootstrap/scss/list-group';
-// @import 'bootstrap/scss/modal';
+@import 'bootstrap/scss/modal';
 // @import 'bootstrap/scss/navbar';
 // @import 'bootstrap/scss/offcanvas';
 // @import 'bootstrap/scss/pagination';
diff --git a/src/layouts/Main.astro b/src/layouts/Main.astro
index dd41b03..47b8a70 100644
--- a/src/layouts/Main.astro
+++ b/src/layouts/Main.astro
@@ -13,5 +13,20 @@ import '/src/assets/css/main.scss';
   </head>
   <body>
     <slot />
+    <script>
+      // Import only what you need
+      // import 'bootstrap/js/dist/alert';
+      // import 'bootstrap/js/dist/button';
+      // import 'bootstrap/js/dist/carousel';
+      // import 'bootstrap/js/dist/collapse';
+      // import 'bootstrap/js/dist/dropdown';
+      import 'bootstrap/js/dist/modal';
+      // import 'bootstrap/js/dist/offcanvas';
+      // import 'bootstrap/js/dist/popover';
+      // import 'bootstrap/js/dist/scrollspy';
+      // import 'bootstrap/js/dist/tab';
+      // import 'bootstrap/js/dist/toast';
+      // import 'bootstrap/js/dist/tooltip';
+    </script>
   </body>
 </html>
\ No newline at end of file
