diff --git a/src/addons/block/timeline/components/events/events.scss b/src/addons/block/timeline/components/events/events.scss
index 8ea49fcb1..8be5516b3 100644
--- a/src/addons/block/timeline/components/events/events.scss
+++ b/src/addons/block/timeline/components/events/events.scss
@@ -19,6 +19,7 @@ h4.core-bold {
 
 .addon-block-timeline-activity core-mod-icon {
     --margin-end: 0.5rem;
+    --margin-vertical: 0;
 }
 
 .addon-block-timeline-activity-time,
diff --git a/src/core/components/mod-icon/mod-icon.scss b/src/core/components/mod-icon/mod-icon.scss
index a5b781a26..7cac89699 100644
--- a/src/core/components/mod-icon/mod-icon.scss
+++ b/src/core/components/mod-icon/mod-icon.scss
@@ -1,16 +1,19 @@
 @import "~theme/globals";
 
 :host {
+    display: inline-block;
     --size: var(--module-icon-size);
     --margin-end: 0px;
     --margin-vertical: 0px;
 
     margin-top: var(--margin-vertical);
     margin-bottom: var(--margin-vertical);
-    margin-right: var(--margin-end);
+    @include margin-horizontal(null, var(--margin-end));
+
     border-radius: 4px;
     padding: 0.7rem;
     background-color: $gray-lighter;
+    line-height: var(--size);
 
     @each $type, $value in $activity-icon-colors {
         &.#{$type} {
@@ -28,6 +31,7 @@ img {
     height: var(--size);
     max-width: var(--size);
     max-height: var(--size);
+    vertical-align: top;
 
     &[alt] {
         text-indent: -999999px;
@@ -45,8 +49,3 @@ img {
     --margin-vertical: 12px;
     --margin-end: 12px;
 }
-
-:host-context([dir=rtl]) {
-    margin-right: unset;
-    margin-left: var(--margin-end);
-}
diff --git a/src/core/features/grades/pages/course/course.scss b/src/core/features/grades/pages/course/course.scss
index 3a004d4a6..8f3299ff6 100644
--- a/src/core/features/grades/pages/course/course.scss
+++ b/src/core/features/grades/pages/course/course.scss
@@ -87,6 +87,7 @@
         }
 
         core-mod-icon {
+            padding: 0.1rem;
             --size: 16px;
         }
 
diff --git a/src/core/features/sitehome/pages/index/index.scss b/src/core/features/sitehome/pages/index/index.scss
new file mode 100644
index 000000000..90dc443cc
--- /dev/null
+++ b/src/core/features/sitehome/pages/index/index.scss
@@ -0,0 +1,11 @@
+@import "~theme/globals";
+
+ion-item ion-icon {
+    display: inline-block;
+    border-radius: 4px;
+    padding: 0.7rem;
+    background-color: $gray-lighter;
+    line-height: var(--size);
+    --margin-end: 1rem;
+    @include margin-horizontal(null, var(--margin-end));
+}
diff --git a/src/core/features/sitehome/pages/index/index.ts b/src/core/features/sitehome/pages/index/index.ts
index b28c7d648..b880324d4 100644
--- a/src/core/features/sitehome/pages/index/index.ts
+++ b/src/core/features/sitehome/pages/index/index.ts
@@ -36,6 +36,7 @@ import { CoreUtils } from '@services/utils/utils';
 @Component({
     selector: 'page-core-sitehome-index',
     templateUrl: 'index.html',
+    styleUrls: ['index.scss'],
 })
 export class CoreSiteHomeIndexPage implements OnInit, OnDestroy {