diff --git a/web/app/controllers/user_info.php b/web/app/controllers/user_info.php
index 9fd4162..d0917b5 100644
--- a/web/app/controllers/user_info.php
+++ b/web/app/controllers/user_info.php
@@ -127,16 +127,16 @@
 						$ac_problems = DB::selectAll("select a.problem_id as problem_id, b.title as title from best_ac_submissions a inner join problems b on a.problem_id = b.id where submitter = '{$user['username']}';");
 	?>
 					<h4 class="list-group-item-heading"><?= UOJLocale::get('accepted problems').'：'.UOJLocale::get('n problems in total', count($ac_problems))?> </h4>
-					<p class="list-group-item-text">
+					<div class="list-group-item-text">
 					<?php
 		foreach ($ac_problems as $problem) {
-			echo '<a href="/problem/', $problem['problem_id'], '" style="display:inline-block; margin-right:0.25em;">#', $problem['problem_id'], '. ', $problem['title'], '</a>';
+			echo '<a href="/problem/', $problem['problem_id'], '" role="button" class="btn btn-light mr-1">#', $problem['problem_id'], '. ', $problem['title'], '</a>';
 		}
 		if (empty($ac_problems)) {
 			echo UOJLocale::get('none');
 		}
 	?>
-					</p>
+					</div>
 				</div>
 			</div>
 		</div>