diff --git a/src/components/progressspinner/ProgressSpinner.vue b/src/components/progressspinner/ProgressSpinner.vue
index aef1bbcd7..d79a2a2ef 100755
--- a/src/components/progressspinner/ProgressSpinner.vue
+++ b/src/components/progressspinner/ProgressSpinner.vue
@@ -43,9 +43,9 @@ export default {
 }
 
 .p-progress-spinner::before {
-     content: '';
-     display: block;
-     padding-top: 100%;
+    content: '';
+    display: block;
+    padding-top: 100%;
 }
 
 .p-progress-spinner-svg {
diff --git a/src/components/radiobutton/RadioButton.vue b/src/components/radiobutton/RadioButton.vue
index 52b24ebbc..00a6d6060 100755
--- a/src/components/radiobutton/RadioButton.vue
+++ b/src/components/radiobutton/RadioButton.vue
@@ -1,7 +1,7 @@
 <template>
-   <div :class="containerClass" @click="onClick($event)" :style="style">
-       <div class="p-hidden-accessible">
-           <input ref="input" type="radio" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus" @blur="onBlur">
+    <div :class="containerClass" @click="onClick($event)" :style="style">
+        <div class="p-hidden-accessible">
+            <input ref="input" type="radio" :checked="checked" :value="value" v-bind="$attrs" @focus="onFocus" @blur="onBlur">
         </div>
         <div ref="box" :class="['p-radiobutton-box', {'p-highlight': checked, 'p-disabled': $attrs.disabled, 'p-focus': focused}]" role="radio" :aria-checked="checked">
             <div class="p-radiobutton-icon"></div>
diff --git a/src/components/tabmenu/TabMenu.vue b/src/components/tabmenu/TabMenu.vue
index 612b6fa12..dfbd69769 100755
--- a/src/components/tabmenu/TabMenu.vue
+++ b/src/components/tabmenu/TabMenu.vue
@@ -19,8 +19,8 @@
                             <span :class="getItemIcon(item)" v-if="item.icon"></span>
                             <span class="p-menuitem-text">{{label(item)}}</span>
                         </a>
-                     </template>
-                     <component v-else :is="$slots.item" :item="item"></component>
+                    </template>
+                    <component v-else :is="$slots.item" :item="item"></component>
                 </li>
             </template>
             <li ref="inkbar" class="p-tabmenu-ink-bar"></li>
@@ -108,7 +108,7 @@ export default {
         },
         getRouteItemClass(item, isActive, isExactActive) {
             return ['p-tabmenuitem', item.class, {
-                 'p-highlight': this.exact ? isExactActive : isActive,
+                'p-highlight': this.exact ? isExactActive : isActive,
                 'p-disabled': this.disabled(item)
             }];
         },
diff --git a/src/components/toolbar/Toolbar.vue b/src/components/toolbar/Toolbar.vue
index cfebbf4a2..8fb5b2a1f 100755
--- a/src/components/toolbar/Toolbar.vue
+++ b/src/components/toolbar/Toolbar.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="p-toolbar p-component" role="toolbar">
         <div class="p-toolbar-group-left">
-             <slot name="start"></slot>
+            <slot name="start"></slot>
         </div>
         <div class="p-toolbar-group-right">
-             <slot name="end"></slot>
+            <slot name="end"></slot>
         </div>
     </div>
 </template>
diff --git a/src/components/treetable/FooterCell.vue b/src/components/treetable/FooterCell.vue
index 221a3ddf9..72277956f 100644
--- a/src/components/treetable/FooterCell.vue
+++ b/src/components/treetable/FooterCell.vue
@@ -1,5 +1,5 @@
 <template>
-   <td :style="containerStyle" :class="containerClass">
+    <td :style="containerStyle" :class="containerClass">
         <component :is="column.children.footer" :column="column" v-if="column.children && column.children.footer" />
         {{columnProp('footer')}}
     </td>
diff --git a/src/components/treetable/TreeTableRow.vue b/src/components/treetable/TreeTableRow.vue
index 206df28c2..4de55fe4e 100755
--- a/src/components/treetable/TreeTableRow.vue
+++ b/src/components/treetable/TreeTableRow.vue
@@ -9,8 +9,8 @@
     </tr>
     <template v-if="expanded && node.children && node.children.length">
         <TreeTableRow v-for="childNode of node.children" :key="childNode.key" :columns="columns" :node="childNode" :parentNode="node"  :level="level + 1"
-                        :expandedKeys="expandedKeys" :selectionMode="selectionMode" :selectionKeys="selectionKeys" :indentation="indentation"
-                        @node-toggle="$emit('node-toggle', $event)" @node-click="$emit('node-click', $event)" @checkbox-change="onCheckboxChange" />
+            :expandedKeys="expandedKeys" :selectionMode="selectionMode" :selectionKeys="selectionKeys" :indentation="indentation"
+            @node-toggle="$emit('node-toggle', $event)" @node-click="$emit('node-click', $event)" @checkbox-change="onCheckboxChange" />
     </template>
 </template>
 
diff --git a/src/components/tristatecheckbox/TriStateCheckbox.vue b/src/components/tristatecheckbox/TriStateCheckbox.vue
index d194af705..df4b4d5cf 100755
--- a/src/components/tristatecheckbox/TriStateCheckbox.vue
+++ b/src/components/tristatecheckbox/TriStateCheckbox.vue
@@ -1,7 +1,7 @@
 <template>
-   <div :class="containerClass" @click="onClick($event)" :style="style">
-       <div class="p-hidden-accessible">
-           <input ref="input" type="checkbox" :checked="modelValue === true" v-bind="$attrs" @focus="onFocus()" @blur="onBlur()">
+    <div :class="containerClass" @click="onClick($event)" :style="style">
+        <div class="p-hidden-accessible">
+            <input ref="input" type="checkbox" :checked="modelValue === true" v-bind="$attrs" @focus="onFocus()" @blur="onBlur()">
         </div>
         <div ref="box" :class="['p-checkbox-box', {'p-highlight': (modelValue != null), 'p-disabled': $attrs.disabled, 'p-focus': focused}]" role="checkbox" :aria-checked="modelValue === true">
             <span :class="['p-checkbox-icon', icon]"></span>