diff --git a/webapp/components/AvatarMenu/AvatarMenu.vue b/webapp/components/AvatarMenu/AvatarMenu.vue
index 63c550fd3..f65c6f6cf 100644
--- a/webapp/components/AvatarMenu/AvatarMenu.vue
+++ b/webapp/components/AvatarMenu/AvatarMenu.vue
@@ -20,7 +20,7 @@
         {{ $t('login.hello') }}
         <b>{{ userName }}</b>
         <template v-if="user.role !== 'user'">
-          <ds-text color="softer" size="small" style="margin-bottom: 0;">
+          <ds-text color="softer" size="small" style="margin-bottom: 0">
             {{ user.role | camelCase }}
           </ds-text>
         </template>
diff --git a/webapp/components/Empty/Empty.vue b/webapp/components/Empty/Empty.vue
index 5e797a0eb..9d5e075fe 100644
--- a/webapp/components/Empty/Empty.vue
+++ b/webapp/components/Empty/Empty.vue
@@ -5,7 +5,7 @@
         :src="iconPath"
         width="80"
         class="hc-empty-icon"
-        style="margin-bottom: 5px;"
+        style="margin-bottom: 5px"
         alt="Empty"
       />
       <br />
diff --git a/webapp/components/Registration/CreateUserAccount.vue b/webapp/components/Registration/CreateUserAccount.vue
index 4603145c0..790244df1 100644
--- a/webapp/components/Registration/CreateUserAccount.vue
+++ b/webapp/components/Registration/CreateUserAccount.vue
@@ -103,7 +103,7 @@
           ></label>
         </ds-text>
         <base-button
-          style="float: right;"
+          style="float: right"
           icon="check"
           type="submit"
           filled
diff --git a/webapp/components/ShoutButton.vue b/webapp/components/ShoutButton.vue
index 8974010c3..d9946c1c2 100644
--- a/webapp/components/ShoutButton.vue
+++ b/webapp/components/ShoutButton.vue
@@ -10,7 +10,7 @@
     />
     <ds-space margin-bottom="xx-small" />
     <ds-text color="soft" class="shout-button-text">
-      <ds-heading style="display: inline;" tag="h3">{{ shoutedCount }}x</ds-heading>
+      <ds-heading style="display: inline" tag="h3">{{ shoutedCount }}x</ds-heading>
       {{ $t('shoutButton.shouted') }}
     </ds-text>
   </ds-space>
diff --git a/webapp/layouts/basic.vue b/webapp/layouts/basic.vue
index 3674ef94d..d9a4db4c7 100644
--- a/webapp/layouts/basic.vue
+++ b/webapp/layouts/basic.vue
@@ -1,22 +1,22 @@
 <template>
   <div class="layout-blank">
     <div class="main-navigation">
-      <ds-container width="x-large" class="main-navigation-container" style="padding: 10px 10px;">
+      <ds-container width="x-large" class="main-navigation-container" style="padding: 10px 10px">
         <ds-flex class="main-navigation-flex" centered>
           <ds-flex-item width="5.5%" />
-          <ds-flex-item style="flex-grow: 1;" width="20%">
+          <ds-flex-item style="flex-grow: 1" width="20%">
             <a @click="redirectToRoot">
               <ds-logo />
             </a>
           </ds-flex-item>
-          <ds-flex-item width="20%" style="flex-grow: 0;">
+          <ds-flex-item width="20%" style="flex-grow: 0">
             <locale-switch class="topbar-locale-switch" placement="top" offset="16" />
           </ds-flex-item>
         </ds-flex>
       </ds-container>
     </div>
     <ds-container>
-      <div style="padding: 5rem 2rem;">
+      <div style="padding: 5rem 2rem">
         <nuxt />
       </div>
     </ds-container>
diff --git a/webapp/layouts/blank.vue b/webapp/layouts/blank.vue
index 080323528..bd8d4f29a 100644
--- a/webapp/layouts/blank.vue
+++ b/webapp/layouts/blank.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="layout-blank">
     <ds-container>
-      <div style="padding: 5rem 2rem;">
+      <div style="padding: 5rem 2rem">
         <nuxt />
       </div>
     </ds-container>
diff --git a/webapp/layouts/default.vue b/webapp/layouts/default.vue
index 70dec1e45..64ea2c628 100644
--- a/webapp/layouts/default.vue
+++ b/webapp/layouts/default.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="layout-default">
     <div class="main-navigation">
-      <ds-container class="main-navigation-container" style="padding: 10px 10px;">
+      <ds-container class="main-navigation-container" style="padding: 10px 10px">
         <div>
           <ds-flex class="main-navigation-flex">
             <ds-flex-item :width="{ base: '142px' }">
@@ -18,7 +18,7 @@
             <ds-flex-item
               :width="{ base: '45%', sm: '45%', md: '45%', lg: '50%' }"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
-              style="flex-shrink: 0; flex-grow: 1;"
+              style="flex-shrink: 0; flex-grow: 1"
               id="nav-search-box"
               v-if="isLoggedIn"
             >
@@ -27,14 +27,14 @@
             <ds-flex-item
               v-if="isLoggedIn"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
-              style="flex-grow: 0; flex-basis: auto;"
+              style="flex-grow: 0; flex-basis: auto"
             >
               <client-only>
                 <filter-menu v-show="showFilterMenuDropdown" />
               </client-only>
             </ds-flex-item>
             <ds-flex-item
-              style="background-color: white; flex-basis: auto;"
+              style="background-color: white; flex-basis: auto"
               :class="{ 'hide-mobile-menu': !toggleMobileMenu }"
             >
               <div
@@ -43,7 +43,7 @@
                   'desktop-view': !toggleMobileMenu,
                   'hide-mobile-menu': !toggleMobileMenu,
                 }"
-                style="flex-basis: auto;"
+                style="flex-basis: auto"
               >
                 <locale-switch class="topbar-locale-switch" placement="top" offset="8" />
                 <template v-if="isLoggedIn">
diff --git a/webapp/layouts/no-header.vue b/webapp/layouts/no-header.vue
index 119ac24e1..249275b3f 100644
--- a/webapp/layouts/no-header.vue
+++ b/webapp/layouts/no-header.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="layout-blank">
     <ds-container>
-      <div style="padding: 5rem 2rem;">
+      <div style="padding: 5rem 2rem">
         <nuxt />
       </div>
     </ds-container>
diff --git a/webapp/pages/logout.vue b/webapp/pages/logout.vue
index 88bf755a3..8c51953eb 100644
--- a/webapp/pages/logout.vue
+++ b/webapp/pages/logout.vue
@@ -2,10 +2,10 @@
   <ds-container width="small">
     <ds-flex>
       <ds-flex-item :width="{ base: '100%' }" centered>
-        <ds-space style="text-align: center;" margin-top="large" margin-bottom="xxx-small" centered>
-          <img style="width: 200px;" src="/img/sign-up/onourjourney.png" alt="Human Connection" />
+        <ds-space style="text-align: center" margin-top="large" margin-bottom="xxx-small" centered>
+          <img style="width: 200px" src="/img/sign-up/onourjourney.png" alt="Human Connection" />
         </ds-space>
-        <ds-space style="text-align: center;" margin-top="small" margin-bottom="xxx-small" centered>
+        <ds-space style="text-align: center" margin-top="small" margin-bottom="xxx-small" centered>
           <ds-heading tag="h3" soft>Logging out...</ds-heading>
         </ds-space>
       </ds-flex-item>
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index c8c9e9886..a4cabeaa6 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -5,7 +5,7 @@
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">
         <base-card
           :class="{ 'disabled-content': user.disabled }"
-          style="position: relative; height: auto; overflow: visible;"
+          style="position: relative; height: auto; overflow: visible"
         >
           <hc-upload v-if="myProfile" :user="user">
             <user-avatar :user="user" class="profile-avatar" size="large"></user-avatar>
@@ -87,7 +87,7 @@
           </template>
         </base-card>
         <ds-space />
-        <ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px;">
+        <ds-heading tag="h3" soft style="text-align: center; margin-bottom: 10px">
           {{ $t('profile.network.title') }}
         </ds-heading>
         <follow-list
@@ -104,7 +104,7 @@
           @fetchAllConnections="fetchAllConnections"
         />
         <ds-space v-if="user.socialMedia && user.socialMedia.length" margin="large">
-          <base-card style="position: relative; height: auto;">
+          <base-card style="position: relative; height: auto">
             <ds-space margin="x-small">
               <ds-text tag="h5" color="soft">
                 {{ $t('profile.socialMedia') }} {{ userName | truncate(15) }}?