diff --git a/web/app/controllers/user_info.php b/web/app/controllers/user_info.php
index 50840e1..12fad3e 100644
--- a/web/app/controllers/user_info.php
+++ b/web/app/controllers/user_info.php
@@ -128,7 +128,7 @@
 				<h4 class="card-title h5">
 					<?= UOJLocale::get('accepted problems').': '.UOJLocale::get('n problems in total', count($ac_problems))?>
 				</h4>
-				<ul class="nav">
+				<ul class="nav uoj-ac-problems-list">
 					<?php foreach ($ac_problems as $problem): ?>
 						<li class="nav-item">
 							<a class="nav-link" href="/problem/<?= $problem['problem_id'] ?>" role="button">
diff --git a/web/css/uoj-bs5.css b/web/css/uoj-bs5.css
index 5fb7879..4a20221 100644
--- a/web/css/uoj-bs5.css
+++ b/web/css/uoj-bs5.css
@@ -213,3 +213,23 @@ form.uoj-form-compressed button {
 	top: -6px;
 }
 
+@media (max-width: 767px) {
+	.uoj-ac-problems-list li {
+		width: 100%;
+	}
+}
+
+@media (min-width: 768px) {
+	.uoj-ac-problems-list li {
+		width: 18em;
+	}
+}
+
+.uoj-ac-problems-list {
+	padding-top: 10px;
+	padding-bottom: 5px;
+}
+
+.uoj-ac-problems-list a {
+	min-height: 60px;
+}