diff --git a/js/src/common.scss b/js/src/common.scss
index 7146d4f61..d6f44d29f 100644
--- a/js/src/common.scss
+++ b/js/src/common.scss
@@ -23,11 +23,10 @@ main > .container {
   background: $whitest;
   min-height: 70vh;
 }
-.step-content{
+.step-content {
   height: auto;
 }
 
-
 a.out,
 .content a,
 .ProseMirror a {
@@ -45,17 +44,18 @@ main {
       min-height: 80vh;
     }
   }
-  > #homepage{
+  > #homepage {
     background: $whitest;
-    #featured_events{
+    #featured_events {
       background: $whitest;
     }
-    #picture{
-      .container, .section{
+    #picture {
+      .container,
+      .section {
         background: $whitest;
       }
     }
-    > .container{
+    > .container {
       min-height: 25vh;
     }
   }
@@ -63,7 +63,6 @@ main {
 
 .section {
   padding: 1rem 1% 4rem;
-
 }
 
 figure img.is-rounded {
@@ -109,11 +108,10 @@ body {
   background: $body-background-color;
   font-family: BlinkMacSystemFont, Roboto, Oxygen, Ubuntu, Cantarell, "Segoe UI",
     "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-
 }
 
-#mobilizon{
-  > main{
+#mobilizon {
+  > main {
     background: $body-background-color;
   }
   > .container > .message {
@@ -173,12 +171,17 @@ a.list-item {
 .setting-title {
   margin-top: 2rem;
   margin-bottom: 1rem;
-  h1,h2,h3,h4,h5,h6{
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     background: $secondary;
-    color : $white;
-    span{
+    color: $white;
+    span {
       background: $secondary !important;
-      color : $white !important;
+      color: $white !important;
     }
   }
   h2 {
@@ -190,11 +193,11 @@ a.list-item {
   }
 }
 
-.hero-body{
+.hero-body {
   background-color: $chapril_blue_light;
 }
 
-.columns{
+.columns {
   background: $whitest;
 }
 .setting-menu-item {
@@ -219,9 +222,7 @@ a.list-item {
   }
 }
 
-
-
-.time.datetime-container{
+.time.datetime-container {
   color: $white;
   background: $chapril_blue_light;
   span.month {
@@ -233,7 +234,7 @@ a.list-item {
 footer
 
  */
-footer.footer[data-v-40ab164b] span.select select{
+footer.footer[data-v-40ab164b] span.select select {
   background: $chapril_blue_light;
   color: $footer-text-color;
 }
diff --git a/js/src/components/Event/EventListCard.vue b/js/src/components/Event/EventListCard.vue
index baea0741b..9fe0cc896 100644
--- a/js/src/components/Event/EventListCard.vue
+++ b/js/src/components/Event/EventListCard.vue
@@ -440,7 +440,7 @@ article.box {
   line-height: 1em;
   margin-top: 0.5em;
 }
-.participation-actor{
+.participation-actor {
   margin-top: 1em;
 }
 </style>
diff --git a/js/src/components/Footer.vue b/js/src/components/Footer.vue
index 248cf6f37..828cc1653 100644
--- a/js/src/components/Footer.vue
+++ b/js/src/components/Footer.vue
@@ -35,12 +35,14 @@
         }}</router-link>
       </li>
       <li>
-        <a href='https://www.chapril.org/Mentions-legales.html' >
+        <a href="https://www.chapril.org/Mentions-legales.html">
           Mentions légales
-        </a >
+        </a>
       </li>
       <li>
-        <router-link :to="{ name: RouteName.TERMS }">{{ $t("Terms") }}</router-link>
+        <router-link :to="{ name: RouteName.TERMS }">{{
+          $t("Terms")
+        }}</router-link>
       </li>
       <li>
         <a
diff --git a/js/src/components/NavBar.vue b/js/src/components/NavBar.vue
index 91b5fbf49..5488710d1 100755
--- a/js/src/components/NavBar.vue
+++ b/js/src/components/NavBar.vue
@@ -5,9 +5,11 @@
     :active.sync="mobileNavbarActive"
   >
     <template slot="brand">
-      <b-navbar-item tag="router-link"
+      <b-navbar-item
+        tag="router-link"
         :aria-label="$t('Home')"
-                     :to="{ name: RouteName.HOME }">
+        :to="{ name: RouteName.HOME }"
+      >
         <img
           src="/img/long_logo_chapril_mobilizon.png"
           alt="logo mobilizon"
@@ -43,7 +45,10 @@
         href="https://www.chapril.org"
         :aria-label="'www.chapril.org'"
       >
-        <img src="/img/pics/logo_chapril_mobilizon.png" alt="logo chapril mobilizon" />
+        <img
+          src="/img/pics/logo_chapril_mobilizon.png"
+          alt="logo chapril mobilizon"
+        />
       </b-navbar-item>
       <b-navbar-item tag="div">
         <search-field @navbar-search="mobileNavbarActive = false" />
diff --git a/js/src/variables.scss b/js/src/variables.scss
index 0f5b72220..d45bfc003 100644
--- a/js/src/variables.scss
+++ b/js/src/variables.scss
@@ -4,8 +4,8 @@
 // chapril colors
 $chapril_blue: #2e5281;
 $chapril_blue_light: #bcd0e5;
-$white: mix( #fff,#bcd0e5);
-$whitest:   #fff;
+$white: mix(#fff, #bcd0e5);
+$whitest: #fff;
 $chapril_orange: #ff5e00;
 $chapril_grey: #5f5f5f;
 // other
@@ -55,7 +55,7 @@ $secondary: lighten($chapril_blue, 20%);
 $secondary-invert: findColorInvert($secondary);
 
 $background-color: mix($chapril_blue, $violet-2);
-$background-color-darker: darken($background-color,10%);
+$background-color-darker: darken($background-color, 10%);
 
 $success: mix($chapril_blue, #0d8758);
 $success-invert: findColorInvert($success);
@@ -68,33 +68,33 @@ $link-invert: $primary-invert;
 $text: mix($chapril_blue, $violet-1);
 
 $colors: map-merge(
-                $colors,
-                (
-                        "primary": (
-                                $primary,
-                                $primary-invert,
-                        ),
-                        "secondary": (
-                                $secondary,
-                                $secondary-invert,
-                        ),
-                        "success": (
-                                $success,
-                                $success-invert,
-                        ),
-                        "info": (
-                                $info,
-                                $info-invert,
-                        ),
-                        "danger": (
-                                $danger,
-                                $danger-invert,
-                        ),
-                        "link": (
-                                $link,
-                                $link-invert,
-                        ),
-                )
+  $colors,
+  (
+    "primary": (
+      $primary,
+      $primary-invert,
+    ),
+    "secondary": (
+      $secondary,
+      $secondary-invert,
+    ),
+    "success": (
+      $success,
+      $success-invert,
+    ),
+    "info": (
+      $info,
+      $info-invert,
+    ),
+    "danger": (
+      $danger,
+      $danger-invert,
+    ),
+    "link": (
+      $link,
+      $link-invert,
+    ),
+  )
 );
 
 // Navbar
@@ -105,15 +105,15 @@ $navbar-height: 4rem;
 // Footer
 $footer-padding: 3rem 1.5rem 1rem;
 $footer-background-color: $violet-2;
-$footer-text-color: mix( #000, $violet-2);
+$footer-text-color: mix(#000, $violet-2);
 
-$body-background-color: mix( $chapril_blue, #efeef4);
+$body-background-color: mix($chapril_blue, #efeef4);
 $fullhd-enabled: false;
 $hero-body-padding-medium: 6rem 1.5rem;
 
 $title-color: $chapril_blue;
 $title-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
-serif;
+  serif;
 $title-weight: 700;
 $title-size: 40px;
 $title-sub-size: 45px;
@@ -121,7 +121,7 @@ $title-sup-size: 30px;
 
 $subtitle-color: $chapril_grey;
 $subtitle-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
-serif;
+  serif;
 $subtitle-weight: 400;
 $subtitle-size: 32px;
 $subtitle-sub-size: 30px;
diff --git a/js/src/views/Group/Group.vue b/js/src/views/Group/Group.vue
index cd995dc6a..b7d980b79 100644
--- a/js/src/views/Group/Group.vue
+++ b/js/src/views/Group/Group.vue
@@ -841,7 +841,6 @@ div.container {
 
           .media-content {
             h2 {
-
               font-family: "Liberation Sans", "Helvetica Neue", Roboto,
                 Helvetica, Arial, serif;
               font-size: 1.5rem;
diff --git a/js/src/views/Home.vue b/js/src/views/Home.vue
index 980b38295..b528d10cb 100644
--- a/js/src/views/Home.vue
+++ b/js/src/views/Home.vue
@@ -18,10 +18,10 @@
             "
           />
           <p class="instance-description">{{ config.description }}</p>
-          <p class='contact contact-home'>
-            <a href='mailto:mobilizon-support@chapril.org' >
+          <p class="contact contact-home">
+            <a href="mailto:mobilizon-support@chapril.org">
               {{ $t("Contact") }}
-            </a >
+            </a>
           </p>
           <!-- We don't invite to find other instances yet -->
           <!-- <p v-if="!config.registrationsOpen">
@@ -669,7 +669,6 @@ section.hero {
   }
 
   .container.section {
-
     @include tablet {
       margin-top: -4rem;
     }
diff --git a/js/src/views/User/Register.vue b/js/src/views/User/Register.vue
index 3b8c50751..ab0ef7389 100644
--- a/js/src/views/User/Register.vue
+++ b/js/src/views/User/Register.vue
@@ -292,7 +292,6 @@ export default class Register extends Vue {
 }
 
 h2.title {
-
   font-size: 2.5rem;
   text-decoration: underline;
   display: inline;