diff --git a/web/app/controllers/super_manage.php b/web/app/controllers/super_manage.php
index 33b368c..45911c8 100644
--- a/web/app/controllers/super_manage.php
+++ b/web/app/controllers/super_manage.php
@@ -610,16 +610,7 @@ EOD);
 <!-- left col -->
 <div class="col-md-3">
 
-<div class="list-group">
-	<?php foreach ($tabs_info as $id => $tab): ?>
-	<a
-		role="button"
-		class="list-group-item list-group-item-action <?= $cur_tab == $id ? 'active' : '' ?>"
-		href="<?= $tab['url'] ?>">
-		<?= $tab['name'] ?>
-	</a>
-	<?php endforeach ?>
-</div>
+<?= HTML::navListGroup($tabs_info, $cur_tab) ?>
 
 </div>
 <!-- end left col -->
diff --git a/web/app/controllers/user_info_edit.php b/web/app/controllers/user_info_edit.php
index f475885..bdbf480 100644
--- a/web/app/controllers/user_info_edit.php
+++ b/web/app/controllers/user_info_edit.php
@@ -277,16 +277,7 @@ EOD);
 <!-- left col -->
 <div class="col-md-3">
 
-<div class="list-group">
-	<?php foreach ($tabs_info as $id => $tab): ?>
-	<a
-		role="button"
-		class="list-group-item list-group-item-action <?= $cur_tab == $id ? 'active' : '' ?>"
-		href="<?= $tab['url'] ?>">
-		<?= $tab['name'] ?>
-	</a>
-	<?php endforeach ?>
-</div>
+<?= HTML::navListGroup($tabs_info, $cur_tab) ?>
 
 <a
 	class="btn btn-light d-block mt-2 w-100 text-start text-primary"
diff --git a/web/app/models/HTML.php b/web/app/models/HTML.php
index 547e678..ec35e14 100644
--- a/web/app/models/HTML.php
+++ b/web/app/models/HTML.php
@@ -33,6 +33,15 @@ class HTML {
 		$html .= '</ul>';
 		return $html;
 	}
+
+	public static function navListGroup($tabs_info, $cur) {
+		$html = '<div class="list-group">';
+		foreach ($tabs_info as $id => $tab) {
+			$html .= '<a role="button" class="list-group-item list-group-item-action'.($cur == $id ? ' active' : '').'" href="'.$tab['url'].'">'.$tab['name'].'</a>';
+		}
+		$html .= '</div>';
+		return $html;
+	}
 	
 	public static function hiddenToken() {
 		return '<input type="hidden" name="_token" value="'.crsf_token().'" />';