diff --git a/web/templates/layout.templ b/web/templates/layout.templ
index 2466a8d..7f65fee 100644
--- a/web/templates/layout.templ
+++ b/web/templates/layout.templ
@@ -7,24 +7,38 @@ templ Layout(title string) {
 			<meta charset="UTF-8"/>
 			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 			<title>{ title } - Derby Race Manager</title>
-			<link href="/static/css/tailwind.css" rel="stylesheet"/>
+			<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
 			<script src="/static/js/htmx.min.js"></script>
 		</head>
-		<body class="bg-gray-100 min-h-screen">
-			<nav class="bg-indigo-600 text-white p-4">
-				<div class="container mx-auto flex justify-between items-center">
-					<a href="/" class="text-xl font-bold">Derby Race Manager</a>
-					<div class="space-x-4">
-						<a href="/" class="hover:underline">Home</a>
-						<a href="/admin" class="hover:underline">Admin</a>
-						<a href="/register" class="hover:underline">Register</a>
-						<a href="/heats" class="hover:underline">Heats</a>
+		<body class="bg-light min-vh-100">
+			<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+				<div class="container">
+					<a href="/" class="navbar-brand">Derby Race Manager</a>
+					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+						<span class="navbar-toggler-icon"></span>
+					</button>
+					<div class="collapse navbar-collapse" id="navbarNav">
+						<ul class="navbar-nav">
+							<li class="nav-item">
+								<a href="/" class="nav-link">Home</a>
+							</li>
+							<li class="nav-item">
+								<a href="/admin" class="nav-link">Admin</a>
+							</li>
+							<li class="nav-item">
+								<a href="/register" class="nav-link">Register</a>
+							</li>
+							<li class="nav-item">
+								<a href="/heats" class="nav-link">Heats</a>
+							</li>
+						</ul>
 					</div>
 				</div>
 			</nav>
 			<main>
 				{ children... }
 			</main>
+			<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 		</body>
 	</html>
 } 
\ No newline at end of file
diff --git a/web/templates/layout_templ.go b/web/templates/layout_templ.go
index e2da3fb..0e9a560 100644
--- a/web/templates/layout_templ.go
+++ b/web/templates/layout_templ.go
@@ -42,7 +42,7 @@ func Layout(title string) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, " - Derby Race Manager</title><link href=\"/static/css/tailwind.css\" rel=\"stylesheet\"><script src=\"/static/js/htmx.min.js\"></script></head><body class=\"bg-gray-100 min-h-screen\"><nav class=\"bg-indigo-600 text-white p-4\"><div class=\"container mx-auto flex justify-between items-center\"><a href=\"/\" class=\"text-xl font-bold\">Derby Race Manager</a><div class=\"space-x-4\"><a href=\"/\" class=\"hover:underline\">Home</a> <a href=\"/admin\" class=\"hover:underline\">Admin</a> <a href=\"/register\" class=\"hover:underline\">Register</a> <a href=\"/heats\" class=\"hover:underline\">Heats</a></div></div></nav><main>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, " - Derby Race Manager</title><link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\"><script src=\"/static/js/htmx.min.js\"></script></head><body class=\"bg-light min-vh-100\"><nav class=\"navbar navbar-expand-lg navbar-dark bg-primary\"><div class=\"container\"><a href=\"/\" class=\"navbar-brand\">Derby Race Manager</a> <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\"><span class=\"navbar-toggler-icon\"></span></button><div class=\"collapse navbar-collapse\" id=\"navbarNav\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a href=\"/\" class=\"nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"/admin\" class=\"nav-link\">Admin</a></li><li class=\"nav-item\"><a href=\"/register\" class=\"nav-link\">Register</a></li><li class=\"nav-item\"><a href=\"/heats\" class=\"nav-link\">Heats</a></li></ul></div></div></nav><main>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -50,7 +50,7 @@ func Layout(title string) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "</main></body></html>")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "</main><script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script></body></html>")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
