diff --git a/theme/boost/scss/moodle/modules.scss b/theme/boost/scss/moodle/modules.scss
index a106b5ad6ef..913dce130c5 100644
--- a/theme/boost/scss/moodle/modules.scss
+++ b/theme/boost/scss/moodle/modules.scss
@@ -1170,6 +1170,7 @@ div#dock {
     border-radius: 50%;
     color: $gray-800;
     font-weight: normal;
+    margin-right: $spacer / 4;
     &.size-16,
     &.size-30 {
         font-size: 0.7rem;
@@ -1187,6 +1188,10 @@ div#dock {
     }
 }
 
+img.userpicture {
+    margin-right: $spacer / 4;
+}
+
 @include media-breakpoint-down(sm) {
     .usertext {
         display: none;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 05853e3acd0..4aae3263296 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -18459,7 +18459,8 @@ div#dock {
   justify-content: center;
   border-radius: 50%;
   color: #343a40;
-  font-weight: normal; }
+  font-weight: normal;
+  margin-right: 0.25rem; }
   .userinitials.size-16, .userinitials.size-30 {
     font-size: 0.7rem;
     width: 30px;
@@ -18472,6 +18473,9 @@ div#dock {
     height: 100px;
     font-size: 1.875rem; }
 
+img.userpicture {
+  margin-right: 0.25rem; }
+
 @media (max-width: 767.98px) {
   .usertext {
     display: none; } }
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index b9346f43348..2316ad7c7f3 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -18459,7 +18459,8 @@ div#dock {
   justify-content: center;
   border-radius: 50%;
   color: #343a40;
-  font-weight: normal; }
+  font-weight: normal;
+  margin-right: 0.25rem; }
   .userinitials.size-16, .userinitials.size-30 {
     font-size: 0.7rem;
     width: 30px;
@@ -18472,6 +18473,9 @@ div#dock {
     height: 100px;
     font-size: 1.875rem; }
 
+img.userpicture {
+  margin-right: 0.25rem; }
+
 @media (max-width: 767.98px) {
   .usertext {
     display: none; } }