diff --git a/web/about.html b/web/about.html
index 09268078..e4d7cd7e 100644
--- a/web/about.html
+++ b/web/about.html
@@ -53,16 +53,17 @@
 				</button>
 				<div class="navbar-collapse collapse" id="navbarCollapse">
 					<ul class="navbar-nav ms-auto pt-2 pt-md-0">
-							<li class="nav-item col-6 col-md-auto">
-								<a class="nav-link" href="https://2017.place-atlas.stefanocoding.me/">Atlas Map (2017)</a>
-							</li>
-							<li class="nav-item col-6 col-md-auto">
-								<a class="nav-link" href="https://2022.place-atlas.stefanocoding.me/">Atlas Map (2022)</a>
-							</li>
-							<li class="nav-item col-6 col-md-auto">
-								<a class="nav-link" href="https://2023.place-atlas.stefanocoding.me/">Atlas Map (2023)</a>
-							</li>
-							<li class="nav-item col-6 col-md-auto">
+						<li class="nav-item dropdown">
+							<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-current="page">
+								Atlas Map
+							</a>
+							<ul class="dropdown-menu">
+								<li><a class="dropdown-item" href="https://2017.place-atlas.stefanocoding.me/">2017</a></li>
+								<li><a class="dropdown-item" href="/">2022</a></li>
+								<li><a class="dropdown-item" href="https://2023.place-atlas.stefanocoding.me/">2023</a></li>
+							</ul>
+						</li>
+						<li class="nav-item col-6 col-md-auto">
 								<a class="nav-link" href="https://place-wiki.stefanocoding.me/">Place Wiki</a>
 							</li>
 						<li class="nav-item">
diff --git a/web/index.html b/web/index.html
index e13926f2..965f3270 100644
--- a/web/index.html
+++ b/web/index.html
@@ -133,14 +133,15 @@
 						</ul>
 						<hr class="d-md-none">
 						<ul class="navbar-nav flex-row flex-wrap ms-auto">
-							<li class="nav-item col-6 col-md-auto">
-								<a class="nav-link" href="https://2017.place-atlas.stefanocoding.me/">Atlas Map (2017)</a>
-							</li>
-							<li class="nav-item col-6 col-md-auto">
-								<a class="nav-link active" href="./" aria-current="page">Atlas Map (2022)</a>
-							</li>
-							<li class="nav-item col-6 col-md-auto">
-								<a class="nav-link" href="https://2023.place-atlas.stefanocoding.me/">Atlas Map (2023)</a>
+							<li class="nav-item dropdown">
+								<a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-current="page">
+									Atlas Map
+								</a>
+								<ul class="dropdown-menu">
+									<li><a class="dropdown-item" href="https://2017.place-atlas.stefanocoding.me/">2017</a></li>
+									<li><a class="dropdown-item" href="#" aria-current="page">2022</a></li>
+									<li><a class="dropdown-item" href="https://2023.place-atlas.stefanocoding.me/">2023</a></li>
+								</ul>
 							</li>
 							<li class="nav-item col-6 col-md-auto">
 								<a class="nav-link" href="https://place-wiki.stefanocoding.me/">Place Wiki</a>