diff --git a/lib/assets/styles/classes.scss b/lib/assets/styles/classes.scss
index e1a138dc4..3eaa4089b 100644
--- a/lib/assets/styles/classes.scss
+++ b/lib/assets/styles/classes.scss
@@ -334,7 +334,8 @@ a,
     box-sizing: border-box;
 
     background-color: transparent;
-    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out , color 0.2s ease-in-out;
+    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
+      color 0.2s ease-in-out;
     box-shadow: none;
   }
 
@@ -350,7 +351,8 @@ a,
     &:hover:not(&:disabled) {
       background-color: var(--color-button-bg);
 
-      &.btn-hover-filled, &.btn-hover-filled-only {
+      &.btn-hover-filled,
+      &.btn-hover-filled-only {
         color: var(--_text-color);
         background-color: var(--_background-color);
       }
@@ -370,7 +372,8 @@ a,
 
     &:focus-visible:not(&:disabled),
     &:hover:not(&:disabled) {
-      &.btn-hover-filled, &.btn-hover-filled-only {
+      &.btn-hover-filled,
+      &.btn-hover-filled-only {
         border-color: var(--_accent-color);
         color: var(--_text-color);
         background-color: var(--_background-color);
diff --git a/lib/components/base/Slider.vue b/lib/components/base/Slider.vue
index 53182d440..033a20b48 100644
--- a/lib/components/base/Slider.vue
+++ b/lib/components/base/Slider.vue
@@ -4,10 +4,10 @@
       <div class="slide-container">
         <div class="snap-points">
           <div
+            v-for="snapPoint in props.snapPoints"
+            :key="snapPoint"
             class="snap-point"
             :class="{ green: snapPoint <= currentValue }"
-            v-for="snapPoint in props.snapPoints"
-            v-bind:key="snapPoint"
             :style="{ left: ((snapPoint - props.min) / (props.max - props.min)) * 100 + '%' }"
           ></div>
         </div>