diff --git a/theme/boost/scss/moodle/icons.scss b/theme/boost/scss/moodle/icons.scss
index 8ed70c49358..58215e7d223 100644
--- a/theme/boost/scss/moodle/icons.scss
+++ b/theme/boost/scss/moodle/icons.scss
@@ -97,8 +97,8 @@ $iconwidthsizes: map-merge((
     }
 
     &.emoticon {
-        max-width: map-get($iconwidthsizes, 3);
-        max-height: map-get($iconsizes, 3);
+        width: map-get($iconsizes, 3);
+        height: map-get($iconsizes, 3);
     }
 }
 
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 8dd69739ada..043a7546ab4 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -28715,8 +28715,8 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
   font-size: 64px;
 }
 .icon.emoticon {
-  max-width: 20px;
-  max-height: 16px;
+  width: 16px;
+  height: 16px;
 }
 
 img.icon {
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index ab4598b41dd..cfe843ce375 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -28715,8 +28715,8 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
   font-size: 64px;
 }
 .icon.emoticon {
-  max-width: 20px;
-  max-height: 16px;
+  width: 16px;
+  height: 16px;
 }
 
 img.icon {