diff --git a/src/main.jsx b/src/main.jsx
index ac786db..d7643d9 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -5,6 +5,7 @@ import "./assets/styles/index.css";
 import { BrowserRouter } from "react-router-dom";
 import { CookiesProvider } from "react-cookie";
 import setupAxios from "./setupAxios";
+import "bootstrap";
 
 setupAxios();
 
diff --git a/src/pages/authenticated/register.jsx b/src/pages/authenticated/register.jsx
index a79fd98..af08a92 100644
--- a/src/pages/authenticated/register.jsx
+++ b/src/pages/authenticated/register.jsx
@@ -42,7 +42,9 @@ export const Register = () => {
           placeholder="confirmation"
           onChange={(e) => setConfirmation(e.target.value)}
         />
-        <button type="submit">submit</button>
+        <button class="btn-outline-primary" type="submit">
+          submit
+        </button>
       </form>
     </div>
   );
diff --git a/src/pages/test.jsx b/src/pages/test.jsx
new file mode 100644
index 0000000..e6f31e7
--- /dev/null
+++ b/src/pages/test.jsx
@@ -0,0 +1,13 @@
+import React from "react";
+
+import { useAuth } from "../hooks";
+
+export const Test = () => {
+  const { user } = useAuth();
+
+  return (
+    <div>
+      <h1>Vive la macronie à bat montjoiuie saint dennis</h1>
+    </div>
+  );
+};
diff --git a/src/router.jsx b/src/router.jsx
index 8495395..ddcf49f 100644
--- a/src/router.jsx
+++ b/src/router.jsx
@@ -2,11 +2,13 @@ import React from "react";
 import { Route, Routes } from "react-router-dom";
 
 import { Home, Login, Register } from "./pages";
+import { Test } from "./pages/test";
 
 export const Router = () => (
   <Routes>
     <Route index element={<Home />} />
     <Route path="login" element={<Login />} />
     <Route path="register" element={<Register />} />
+    <Route path="test" element={<Test />} />
   </Routes>
 );