diff --git a/inc/css/custom.css b/inc/css/custom.css
index 2e1a9b8..c3cdb9b 100644
--- a/inc/css/custom.css
+++ b/inc/css/custom.css
@@ -4,6 +4,13 @@
     border-radius: 2px;
 }
 
+.avatar-name {
+}
+
+.avatar-name-left {
+    display: flex;
+}
+
 /* header */
 .litebans-header {
     display: block;
diff --git a/inc/page.php b/inc/page.php
index ed69dfe..0f353d6 100644
--- a/inc/page.php
+++ b/inc/page.php
@@ -227,10 +227,10 @@ class Page {
         $str = "{$img}$name";
         if ($name_under) {
             $str = "{$img}<br class='noselect'>$name";
-            return "<div align='center'>$str</div>";
+            return "<div class='avatar-name' align='center'>$str</div>";
         }
         if ($name_left) {
-            return "<div align='left'>$str</div>";
+            return "<div class='avatar-name-left' align='left'>$str</div>";
         }
         return $str;
     }