diff --git a/Front/package-lock.json b/Front/package-lock.json
index e879516..5f90268 100644
--- a/Front/package-lock.json
+++ b/Front/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "@sveltestrap/sveltestrap": "^6.2.8",
+        "bootstrap": "^5.3.3",
         "chartjs": "^0.3.24",
         "svelte-routing": "^2.13.0"
       },
@@ -206,6 +207,25 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/bootstrap": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
+      "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    },
     "node_modules/chartjs": {
       "version": "0.3.24",
       "license": "MIT"
diff --git a/Front/package.json b/Front/package.json
index 4dc3054..e9fd606 100644
--- a/Front/package.json
+++ b/Front/package.json
@@ -22,6 +22,7 @@
   },
   "dependencies": {
     "@sveltestrap/sveltestrap": "^6.2.8",
+    "bootstrap": "^5.3.3",
     "chartjs": "^0.3.24",
     "svelte-routing": "^2.13.0"
   }
diff --git a/Front/src/App.svelte b/Front/src/App.svelte
index b5870a8..59f47f0 100644
--- a/Front/src/App.svelte
+++ b/Front/src/App.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import 'bootstrap/dist/css/bootstrap.min.css'; 
   import Login from "./paginas/login.svelte";
   import { Router, Route, link } from 'svelte-routing';
   import MenuPage from './paginas/menu.svelte';