2 files changed, 6 insertions, 3 deletions

diff --git a/client/src/app/+about/about-instance/about-instance.component.scss b/client/src/app/+about/about-instance/about-instance.component.scss
index 9886bdfef..defc83203 100644
--- a/client/src/app/+about/about-instance/about-instance.component.scss
+++ b/client/src/app/+about/about-instance/about-instance.component.scss
@@ -23,9 +23,10 @@
   margin-bottom: 20px;
 
   .badge {
+    @include margin-right(5px);
+
     font-size: 12px;
     font-weight: $font-semibold;
-    margin-right: 5px;
 
     &.category {
       background-color: pvar(--mainColor);
@@ -66,9 +67,10 @@
   &:hover,
   &:active {
     &::after {
+      @include margin-left(0.2em);
+
       content: '#';
       display: inline-block;
-      margin-left: 0.2em;
     }
   }
 
diff --git a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
index 61b46dcbd..daff00df5 100644
--- a/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
+++ b/client/src/app/+about/about-peertube/about-peertube-contributors.component.scss
@@ -22,8 +22,9 @@
     text-align: center;
 
     li {
+      @include margin-right(10px);
+
       display: inline-block;
-      margin-right: 10px;
     }
   }
 }