diff --git a/blocks/online_users/block_online_users.php b/blocks/online_users/block_online_users.php
index 2fd93d477a9..2c3af97ae75 100644
--- a/blocks/online_users/block_online_users.php
+++ b/blocks/online_users/block_online_users.php
@@ -135,7 +135,12 @@ class block_online_users extends block_base {
                 } else { // Not a guest user.
                     $this->content->text .= '<div class="user">';
                     $this->content->text .= '<a href="'.$CFG->wwwroot.'/user/view.php?id='.$user->id.'&amp;course='.$this->page->course->id.'" title="'.$timeago.'">';
-                    $avataroptions = ['size' => 16, 'visibletoscreenreaders' => false, 'link' => false];
+                    $avataroptions = [
+                        'size' => 30,
+                        'class' => 'userpicture align-middle',
+                        'visibletoscreenreaders' => false,
+                        'link' => false,
+                    ];
                     $this->content->text .= $OUTPUT->user_picture($user, $avataroptions) . $user->fullname . '</a></div>';
 
                     if ($USER->id == $user->id) {
diff --git a/blocks/online_users/styles.css b/blocks/online_users/styles.css
index 8c895082a4d..ac973a1ab43 100644
--- a/blocks/online_users/styles.css
+++ b/blocks/online_users/styles.css
@@ -2,6 +2,10 @@
     clear: both;
 }
 
+.block_online_users .content .list li.listentry:not(:first-child) {
+    padding-top: 3px;
+}
+
 .block_online_users .content .list li.listentry .user {
     float: left;
     position: relative;
diff --git a/theme/boost/scss/moodle/modules.scss b/theme/boost/scss/moodle/modules.scss
index a2247681d64..49e459c9612 100644
--- a/theme/boost/scss/moodle/modules.scss
+++ b/theme/boost/scss/moodle/modules.scss
@@ -1117,7 +1117,8 @@ div#dock {
     border-radius: 50%;
     color: $gray-800;
     font-weight: normal;
-    &.size-16 {
+    &.size-16,
+    &.size-30 {
         width: 30px;
         height: 30px;
     }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 1d19d7bcea6..d0617816bab 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -18108,7 +18108,7 @@ div#dock {
   border-radius: 50%;
   color: #343a40;
   font-weight: normal; }
-  .userinitials.size-16 {
+  .userinitials.size-16, .userinitials.size-30 {
     width: 30px;
     height: 30px; }
   .userinitials.size-35 {
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index cfe456c1fb7..308c63c5372 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -18108,7 +18108,7 @@ div#dock {
   border-radius: 50%;
   color: #343a40;
   font-weight: normal; }
-  .userinitials.size-16 {
+  .userinitials.size-16, .userinitials.size-30 {
     width: 30px;
     height: 30px; }
   .userinitials.size-35 {