diff --git a/src/App.vue b/src/App.vue
old mode 100644
new mode 100755
diff --git a/src/AppConfigurator.vue b/src/AppConfigurator.vue
old mode 100644
new mode 100755
diff --git a/src/AppFooter.vue b/src/AppFooter.vue
old mode 100644
new mode 100755
diff --git a/src/AppMenu.vue b/src/AppMenu.vue
old mode 100644
new mode 100755
diff --git a/src/AppTopBar.vue b/src/AppTopBar.vue
old mode 100644
new mode 100755
diff --git a/src/components/accordion/Accordion.d.ts b/src/components/accordion/Accordion.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/accordion/Accordion.vue b/src/components/accordion/Accordion.vue
old mode 100644
new mode 100755
index 116a9ee8e..a799e48ba
--- a/src/components/accordion/Accordion.vue
+++ b/src/components/accordion/Accordion.vue
@@ -5,7 +5,7 @@
             <div :class="['p-accordion-header', {'p-highlight': tab.d_active, 'p-disabled': tab.disabled}]">
                 <a role="tab" @click="onTabClick($event, tab)" @keydown="onTabKeydown($event, tab)" :tabindex="tab.disabled ? null : '0'"
                     :aria-expanded="tab.d_active" :id="ariaId + i + '_header'" :aria-controls="ariaId + i + '_content'">
-                    <span :class="['p-accordion-toggle-icon pi', {'pi-caret-right': !tab.d_active, 'pi-caret-down': tab.d_active}]"></span>
+                    <span :class="['p-accordion-toggle-icon pi', {'pi-chevron-right': !tab.d_active, 'pi-chevron-down': tab.d_active}]"></span>
                     <span class="p-accordion-header-text" v-if="tab.header">{{tab.header}}</span>
                     <AccordionTabSlot :tab="tab" type="header" v-if="tab.$scopedSlots.header" />
                 </a>
@@ -99,6 +99,7 @@ export default {
     cursor: pointer;
     display: flex;
     align-items: center;
+    user-select: none;
 }
 
 .p-accordion-header.p-disabled a {
diff --git a/src/components/accordiontab/AccordionTab.d.ts b/src/components/accordiontab/AccordionTab.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/accordiontab/AccordionTab.vue b/src/components/accordiontab/AccordionTab.vue
old mode 100644
new mode 100755
diff --git a/src/components/autocomplete/AutoComplete.d.ts b/src/components/autocomplete/AutoComplete.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/autocomplete/AutoComplete.vue b/src/components/autocomplete/AutoComplete.vue
old mode 100644
new mode 100755
index 618835f14..e55158c47
--- a/src/components/autocomplete/AutoComplete.vue
+++ b/src/components/autocomplete/AutoComplete.vue
@@ -11,12 +11,12 @@
                 <input ref="input" type="text" autoComplete="off" v-bind="$attrs" v-on="listeners" role="searchbox" aria-autocomplete="list" :aria-controls="listId" :aria-labelledby="ariaLabelledBy">
             </li>
         </ul>
-        <i class="p-autocomplete-loader pi pi-spinner pi-spin" v-show="searching"></i>
+        <i class="p-autocomplete-loader pi pi-spinner pi-spin" v-if="searching"></i>
         <Button ref="dropdownButton" type="button" icon="pi pi-chevron-down" class="p-autocomplete-dropdown" :disabled="$attrs.disabled" @click="onDropdownClick" v-if="dropdown"/>
         <transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
-            <div ref="overlay" class="p-autocomplete-panel" :style="{'max-height': scrollHeight}" v-if="overlayVisible">
-                <ul :id="listId" class="p-autocomplete-items p-autocomplete-list p-component" role="listbox">
-                    <li v-for="(item, i) of suggestions" class="p-autocomplete-list-item" :key="i" @click="selectItem($event, item)" role="option">
+            <div ref="overlay" class="p-autocomplete-panel p-component" :style="{'max-height': scrollHeight}" v-if="overlayVisible">
+                <ul :id="listId" class="p-autocomplete-items" role="listbox">
+                    <li v-for="(item, i) of suggestions" class="p-autocomplete-item" :key="i" @click="selectItem($event, item)" role="option">
                         <slot name="item" :item="item" :index="i">
                             {{getItemContent(item)}}
                         </slot>
@@ -436,7 +436,6 @@ export default {
 
 .p-autocomplete-loader {
     position: absolute;
-    right: .25em;
     top: 50%;
     margin-top: -.5em;
 }
@@ -466,14 +465,21 @@ export default {
     overflow: auto;
 }
 
-.p-autocomplete-list-item {
+.p-autocomplete-items {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+.p-autocomplete-item {
     cursor: pointer;
 }
 
-.p-autocomplete-multiple-container.p-inputtext {
-    cursor: text;
-    list-style-type: none;
+.p-autocomplete-multiple-container {
     margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: text;
     overflow: hidden;
     display: flex;
     align-items: center;
@@ -486,6 +492,10 @@ export default {
     flex: 0 0 auto;
 }
 
+.p-autocomplete-token-icon {
+    cursor: pointer;
+}
+
 .p-autocomplete-input-token {
     flex: 1 1 auto;
     display: inline-flex;
diff --git a/src/components/blockui/BlockUI.d.ts b/src/components/blockui/BlockUI.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/blockui/BlockUI.vue b/src/components/blockui/BlockUI.vue
old mode 100644
new mode 100755
diff --git a/src/components/breadcrumb/Breadcrumb.d.ts b/src/components/breadcrumb/Breadcrumb.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/breadcrumb/Breadcrumb.vue b/src/components/breadcrumb/Breadcrumb.vue
old mode 100644
new mode 100755
index 37b159fc0..bcf893420
--- a/src/components/breadcrumb/Breadcrumb.vue
+++ b/src/components/breadcrumb/Breadcrumb.vue
@@ -38,4 +38,8 @@ export default {
     display: flex;
     align-items: center;
 }
+
+.p-breadcrumb .p-menuitem-text {
+    line-height: 1;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/breadcrumb/BreadcrumbItem.vue b/src/components/breadcrumb/BreadcrumbItem.vue
old mode 100644
new mode 100755
index 1c103c29e..f08c301d1
--- a/src/components/breadcrumb/BreadcrumbItem.vue
+++ b/src/components/breadcrumb/BreadcrumbItem.vue
@@ -1,11 +1,11 @@
 <template>
     <li :class="containerClass" v-if="visible()">
         <router-link v-if="item.to" :to="item.to" class="p-menuitem-link">
-            <span v-if="item.icon" :class="item.icon"></span>
+            <span v-if="item.icon" :class="iconClass"></span>
             <span v-if="item.label" class="p-menuitem-text">{{item.label}}</span>
         </router-link>
         <a v-else :href="item.url||'#'" class="p-menuitem-link" @click="onClick" :target="item.target">
-            <span v-if="item.icon" :class="item.icon"></span>
+            <span v-if="item.icon" :class="iconClass"></span>
             <span v-if="item.label" class="p-menuitem-text">{{item.label}}</span>
         </a>
     </li>
@@ -32,6 +32,9 @@ export default {
     computed: {
         containerClass() {
             return [{'p-disabled': this.item.disabled}, this.item.class];
+        },
+        iconClass() {
+            return ['p-menuitem-icon', this.item.icon];
         }
     }
 }
diff --git a/src/components/button/Button.css b/src/components/button/Button.css
old mode 100644
new mode 100755
index 9cd0a7112..c063885ac
--- a/src/components/button/Button.css
+++ b/src/components/button/Button.css
@@ -1,9 +1,18 @@
 .p-button {
+    margin: 0;
     display: inline-flex;
     cursor: pointer;
-    margin-right: 0.25em;
     user-select: none;
     align-items: center;
+    vertical-align: bottom;
+}
+
+.p-button-text {
+    flex: 1 1 auto;
+}
+
+.p-button-icon-right {
+    order: 1;
 }
 
 .p-button:disabled {
@@ -14,12 +23,8 @@
     justify-content: center;
 }
 
-.p-fluid .p-button {
-    display: flex;
-    width: 100%;
-}
-
-.p-fluid .p-button-icon-only {
-    display: inline-flex;
-    width: auto;
+.p-button-icon-only .p-button-text {
+    visibility: hidden;
+    width: 0;
+    flex: 0 0 auto;
 }
\ No newline at end of file
diff --git a/src/components/button/Button.d.ts b/src/components/button/Button.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/button/Button.vue b/src/components/button/Button.vue
old mode 100644
new mode 100755
index 13f157119..7016aa257
--- a/src/components/button/Button.vue
+++ b/src/components/button/Button.vue
@@ -1,7 +1,7 @@
 <template>
     <button :class="buttonClass" v-on="$listeners">
         <span v-if="icon" :class="iconClass"></span>
-        <span class="p-button-text p-c" v-if="label">{{label}}</span>
+        <span class="p-button-text p-c">{{label||'&nbsp;'}}</span>
     </button>
 </template>
 
@@ -24,9 +24,6 @@ export default {
             return {
                 'p-button p-component': true,
                 'p-button-icon-only': this.icon && !this.label,
-                'p-button-text-icon-left': this.icon && this.label && this.iconPos === 'left',
-                'p-button-text-icon-right': this.icon && this.label && this.iconPos === 'right',
-                'p-button-text-only': !this.icon && this.label,
                 'p-disabled': this.disabled
             }
         },
@@ -34,8 +31,8 @@ export default {
             return [
                 this.icon,
                 {
-                    'p-button-icon-left': this.iconPos === 'left',
-                    'p-button-icon-right': this.iconPos === 'right'
+                    'p-button-icon-left': this.iconPos === 'left' && this.label,
+                    'p-button-icon-right': this.iconPos === 'right' && this.label
                 }
             ]
         }
diff --git a/src/components/calendar/Calendar.d.ts b/src/components/calendar/Calendar.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/calendar/Calendar.vue b/src/components/calendar/Calendar.vue
old mode 100644
new mode 100755
index 59e9ed2d9..50e184e1f
--- a/src/components/calendar/Calendar.vue
+++ b/src/components/calendar/Calendar.vue
@@ -1,7 +1,7 @@
 <template>
     <span :class="containerClass">
         <CalendarInputText ref="input" v-if="!inline" type="text" v-bind="$attrs" v-on="listeners" :value="inputFieldValue" :readonly="!manualInput" :aria-labelledby="ariaLabelledBy"/>
-        <CalendarButton v-if="showIcon" :icon="icon" tabindex="-1" class="p-datepicker-trigger p-calendar-button" :disabled="$attrs.disabled" @click="onButtonClick" type="button" :aria-label="inputFieldValue"/>
+        <CalendarButton v-if="showIcon" :icon="icon" tabindex="-1" class="p-datepicker-trigger" :disabled="$attrs.disabled" @click="onButtonClick" type="button" :aria-label="inputFieldValue"/>
         <transition name="p-input-overlay" @enter="onOverlayEnter" @after-enter="onOverlayEnterComplete" @leave="onOverlayLeave">
             <div ref="overlay" :class="panelStyleClass" v-if="inline ? true : overlayVisible" role="dialog" :aria-labelledby="ariaLabelledBy">
                 <template v-if="!timeOnly">
@@ -68,7 +68,7 @@
                             @mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 0, 1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
                             <span class="pi pi-chevron-up"></span>
                         </button>
-                        <span :style="{'display': currentHour < 10 ? 'inline': 'none'}">0</span><span>{{currentHour}}</span>
+                        <span>{{formattedCurrentHour}}</span>
                         <button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 0, -1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown"
                             @mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 0, -1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
                             <span class="pi pi-chevron-down"></span>
@@ -82,7 +82,7 @@
                             @mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 1, 1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
                             <span class="pi pi-chevron-up"></span>
                         </button>
-                        <span :style="{'display': currentMinute < 10 ? 'inline': 'none'}">0</span><span>{{currentMinute}}</span>
+                       <span>{{formattedCurrentMinute}}</span>
                         <button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 1, -1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown"
                             @mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 1, -1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
                             <span class="pi pi-chevron-down"></span>
@@ -96,7 +96,7 @@
                             @mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 2, 1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
                             <span class="pi pi-chevron-up"></span>
                         </button>
-                        <span :style="{'display': currentSecond < 10 ? 'inline': 'none'}">0</span><span>{{currentSecond}}</span>
+                        <span>{{formattedCurrentSecond}}</span>
                         <button class="p-link" @mousedown="onTimePickerElementMouseDown($event, 2, -1)" @mouseup="onTimePickerElementMouseUp($event)" @keydown="onContainerButtonKeydown"
                             @mouseleave="onTimePickerElementMouseLeave()" @keydown.enter="onTimePickerElementMouseDown($event, 2, -1)" @keyup.enter="onTimePickerElementMouseUp($event)" type="button">
                             <span class="pi pi-chevron-down"></span>
@@ -2131,6 +2131,15 @@ export default {
             }
 
             return monthPickerValues;
+        },
+        formattedCurrentHour() {
+            return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
+        },
+        formattedCurrentMinute() {
+            return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
+        },
+        formattedCurrentSecond() {
+            return this.currentHour < 10 ? '0' + this.currentHour : this.currentHour;
         }
     },
     components: {
@@ -2156,15 +2165,11 @@ export default {
     border-bottom-right-radius: 0;
 }
 
-.p-calendar-button {
+.p-calendar-w-btn .p-datepicker-trigger {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }
 
-.p-calendar .p-datepicker {
-    min-width: 100%;
-}
-
 /* Fluid */
 .p-fluid .p-calendar {
     display: flex;
@@ -2175,6 +2180,10 @@ export default {
 }
 
 /* Datepicker */
+.p-calendar .p-datepicker {
+    min-width: 100%;
+}
+
 .p-datepicker {
 	width: auto;
     position: absolute;
@@ -2186,14 +2195,18 @@ export default {
 }
 
 /* Header */
-.p-datepicker .p-datepicker-header {
+.p-datepicker-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
-.p-datepicker .p-datepicker-prev,
-.p-datepicker .p-datepicker-next {
+.p-datepicker-header .p-datepicker-title {
+    margin: 0 auto;
+}
+
+.p-datepicker-prev,
+.p-datepicker-next {
     cursor: pointer;
     display: inline-flex;
     justify-content: center;
@@ -2211,14 +2224,10 @@ export default {
 	border-collapse: collapse;
 }
 
-.p-datepicker td > span,
-.p-datepicker td > a {
+.p-datepicker td > span {
     display: flex;
     justify-content: center;
     align-self: center;
-}
-
-.p-datepicker td a {
     cursor: pointer;
 }
 
@@ -2231,13 +2240,15 @@ export default {
     cursor: pointer;
 }
 
-/* Time Picker */
-.p-timepicker {
+/*  Button Bar */
+.p-datepicker-buttonbar {
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
+    align-items: center;
 }
 
-.p-timepicker .p-separator {
+/* Time Picker */
+.p-timepicker {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -2246,6 +2257,13 @@ export default {
 .p-timepicker button {
     display: block;
     cursor: pointer;
+    line-height: 1;
+}
+
+.p-timepicker > div {
+    display: flex;
+    align-items: center;
+    flex-direction: column;
 }
 
 /* Touch UI */
diff --git a/src/components/card/Card.d.ts b/src/components/card/Card.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/card/Card.vue b/src/components/card/Card.vue
old mode 100644
new mode 100755
diff --git a/src/components/carousel/Carousel.d.ts b/src/components/carousel/Carousel.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/carousel/Carousel.vue b/src/components/carousel/Carousel.vue
old mode 100644
new mode 100755
index 73e0cc228..ab96c05b1
--- a/src/components/carousel/Carousel.vue
+++ b/src/components/carousel/Carousel.vue
@@ -533,13 +533,17 @@ export default {
 	flex-direction: row;
 }
 
-.p-carousel .p-carousel-dots-container {
+.p-carousel-dots-container {
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
 	flex-wrap: wrap;
 }
 
+.p-carousel-dot-item > button {
+    display: inline-flex;
+}
+
 /* Vertical */
 .p-carousel-vertical .p-carousel-container {
 	flex-direction: column;
diff --git a/src/components/chart/Chart.d.ts b/src/components/chart/Chart.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/chart/Chart.vue b/src/components/chart/Chart.vue
old mode 100644
new mode 100755
diff --git a/src/components/checkbox/Checkbox.css b/src/components/checkbox/Checkbox.css
old mode 100644
new mode 100755
index 25987ebaf..aa7995d3d
--- a/src/components/checkbox/Checkbox.css
+++ b/src/components/checkbox/Checkbox.css
@@ -2,6 +2,7 @@
     display: inline-flex;
     cursor: pointer;
     user-select: none;
+    vertical-align: bottom;
 }
 
 .p-checkbox-box {
diff --git a/src/components/checkbox/Checkbox.d.ts b/src/components/checkbox/Checkbox.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/checkbox/Checkbox.vue b/src/components/checkbox/Checkbox.vue
old mode 100644
new mode 100755
diff --git a/src/components/chips/Chips.d.ts b/src/components/chips/Chips.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/chips/Chips.vue b/src/components/chips/Chips.vue
old mode 100644
new mode 100755
index d27aa789d..a60b9e35f
--- a/src/components/chips/Chips.vue
+++ b/src/components/chips/Chips.vue
@@ -4,11 +4,11 @@
             <li v-for="(val,i) of value" :key="`${i}_${val}`" class="p-chips-token p-highlight">
                 <slot name="chip" :value="val">
                     <span class="p-chips-token-label">{{val}}</span>
-                    <span class="p-chips-token-icon pi pi-fw pi-times" @click="removeItem($event, i)"></span>
+                    <span class="p-chips-token-icon pi pi-times" @click="removeItem($event, i)"></span>
                 </slot>
             </li>
             <li class="p-chips-input-token">
-                <input ref="input" type="text" class="p-inputtext p-component" @focus="onFocus($event)" @blur="onBlur($event)" :placeholder="placeholder"
+                <input ref="input" type="text" @focus="onFocus($event)" @blur="onBlur($event)" :placeholder="placeholder"
                     @keydown="onKeyDown($event)" @paste="onPaste($event)" :disabled="$attrs.disabled || maxedOut" :aria-labelledby="ariaLabelledBy">
             </li>
         </ul>
@@ -154,10 +154,11 @@ export default {
     display: inline-flex;
 }
 
-.p-chips-multiple-container.p-inputtext {
-    cursor: text;
-    list-style-type: none;
+.p-chips-multiple-container {
     margin: 0;
+    padding: 0;
+    list-style-type: none;
+    cursor: text;
     overflow: hidden;
     display: flex;
     align-items: center;
@@ -175,6 +176,10 @@ export default {
     display: inline-flex;
 }
 
+.p-chips-token-icon {
+    cursor: pointer;
+}
+
 .p-chips-input-token input {
     border: 0 none;
     outline: 0 none;
diff --git a/src/components/colorpicker/ColorPicker.css b/src/components/colorpicker/ColorPicker.css
old mode 100644
new mode 100755
diff --git a/src/components/colorpicker/ColorPicker.d.ts b/src/components/colorpicker/ColorPicker.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/colorpicker/ColorPicker.vue b/src/components/colorpicker/ColorPicker.vue
old mode 100644
new mode 100755
index 73b71fd28..2c75f7aee
--- a/src/components/colorpicker/ColorPicker.vue
+++ b/src/components/colorpicker/ColorPicker.vue
@@ -465,8 +465,6 @@ export default {
     position: relative;
     width: 193px;
     height: 166px;
-    background-color: #323232;
-    border-color: #191919;
 }
 
 .p-colorpicker-overlay-panel {
@@ -474,7 +472,6 @@ export default {
 }
 
 .p-colorpicker-preview {
-    width: 2em;
     cursor: pointer;
 }
 
@@ -502,7 +499,7 @@ export default {
      border-radius: 100%;
      width: 10px;
      height: 10px;
-     border: 1px solid #ffffff;
+     border: 1px solid;
      margin: -5px 0 0 -5px;
      cursor: pointer;
 }
@@ -524,7 +521,7 @@ export default {
      margin-left: -2px;
      margin-top: -5px;
      height: 10px;
-     border: 2px solid #ffffff;
+     border: 2px solid;
      opacity: .85;
      cursor: pointer;
  }
diff --git a/src/components/colorpicker/images/color.png b/src/components/colorpicker/images/color.png
old mode 100644
new mode 100755
diff --git a/src/components/colorpicker/images/hue.png b/src/components/colorpicker/images/hue.png
old mode 100644
new mode 100755
diff --git a/src/components/column/Column.d.ts b/src/components/column/Column.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/column/Column.vue b/src/components/column/Column.vue
old mode 100644
new mode 100755
diff --git a/src/components/columngroup/ColumnGroup.d.ts b/src/components/columngroup/ColumnGroup.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/columngroup/ColumnGroup.vue b/src/components/columngroup/ColumnGroup.vue
old mode 100644
new mode 100755
diff --git a/src/components/common/Common.css b/src/components/common/Common.css
old mode 100644
new mode 100755
index 6ec8e0ec3..884578d92
--- a/src/components/common/Common.css
+++ b/src/components/common/Common.css
@@ -27,10 +27,7 @@
     font-size: 100%;
     list-style: none;
 }
-.p-disabled {
-    cursor: default !important;
-}
-.p-disabled a {
+.p-disabled, .p-disabled * {
     cursor: default !important;
 }
 .p-component-overlay {
diff --git a/src/components/contextmenu/ContextMenu.d.ts b/src/components/contextmenu/ContextMenu.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/contextmenu/ContextMenu.vue b/src/components/contextmenu/ContextMenu.vue
old mode 100644
new mode 100755
index 0265aad0c..acc27c95f
--- a/src/components/contextmenu/ContextMenu.vue
+++ b/src/components/contextmenu/ContextMenu.vue
@@ -211,14 +211,9 @@ export default {
 
 <style>
 .p-contextmenu {
-    width: 12.5em;
     position: absolute;
 }
 
-.p-contextmenu .p-menu-separator {
-    border-width: 1px 0 0 0;
-}
-
 .p-contextmenu ul {
     margin: 0;
     padding: 0;
@@ -237,6 +232,10 @@ export default {
     align-items: center;
 }
 
+.p-contextmenu .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-contextmenu .p-menuitem {
     position: relative;
 }
diff --git a/src/components/contextmenu/ContextMenuSub.vue b/src/components/contextmenu/ContextMenuSub.vue
old mode 100644
new mode 100755
index e7f5b8ed9..eb73c4741
--- a/src/components/contextmenu/ContextMenuSub.vue
+++ b/src/components/contextmenu/ContextMenuSub.vue
@@ -12,7 +12,7 @@
                          :aria-haspopup="item.items != null" :aria-expanded="item === activeItem" role="menuitem"  :tabindex="item.disabled ? null : '0'">
                         <span :class="['p-menuitem-icon', item.icon]"></span>
                         <span class="p-menuitem-text">{{item.label}}</span>
-                        <span class="p-submenu-icon pi pi-fw pi-caret-right" v-if="item.items"></span>
+                        <span class="p-submenu-icon pi pi-caret-right" v-if="item.items"></span>
                     </a>
                     <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
                         @leaf-click="onLeafClick" :parentActive="item === activeItem" />
diff --git a/src/components/datatable/BodyCell.vue b/src/components/datatable/BodyCell.vue
old mode 100644
new mode 100755
diff --git a/src/components/datatable/ColumnSlot.vue b/src/components/datatable/ColumnSlot.vue
old mode 100644
new mode 100755
diff --git a/src/components/datatable/DataTable.d.ts b/src/components/datatable/DataTable.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue
old mode 100644
new mode 100755
index cde99c6eb..03df5992e
--- a/src/components/datatable/DataTable.vue
+++ b/src/components/datatable/DataTable.vue
@@ -1847,6 +1847,16 @@ export default {
     user-select: none;
 }
 
+.p-datatable .p-sortable-column .p-column-title,
+.p-datatable .p-sortable-column .p-sortable-column-icon,
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+    vertical-align: middle;
+}
+
+.p-datatable .p-sortable-column .p-sortable-column-badge {
+    display: inline-block;
+}
+
 .p-datatable-auto-layout > .p-datatable-wrapper {
     overflow-x: auto;
 }
diff --git a/src/components/datatable/HeaderCheckbox.vue b/src/components/datatable/HeaderCheckbox.vue
old mode 100644
new mode 100755
diff --git a/src/components/datatable/RowCheckbox.vue b/src/components/datatable/RowCheckbox.vue
old mode 100644
new mode 100755
diff --git a/src/components/datatable/RowRadioButton.vue b/src/components/datatable/RowRadioButton.vue
old mode 100644
new mode 100755
diff --git a/src/components/datatable/ScrollableView.vue b/src/components/datatable/ScrollableView.vue
old mode 100644
new mode 100755
diff --git a/src/components/datatable/TableBody.vue b/src/components/datatable/TableBody.vue
old mode 100644
new mode 100755
index 4f703fe88..c3d170309
--- a/src/components/datatable/TableBody.vue
+++ b/src/components/datatable/TableBody.vue
@@ -295,11 +295,11 @@ export default {
         },
         rowTogglerIcon(rowData) {
             const icon = this.isRowExpanded(rowData) ? this.expandedRowIcon : this.collapsedRowIcon;
-            return ['p-row-toggler-icon pi pi-fw p-clickable', icon];
+            return ['p-row-toggler-icon pi p-clickable', icon];
         },
         rowGroupTogglerIcon(rowData) {
             const icon = this.isRowGroupExpanded(rowData) ? this.expandedRowIcon : this.collapsedRowIcon;
-            return ['p-row-toggler-icon pi pi-fw p-clickable', icon];
+            return ['p-row-toggler-icon pi p-clickable', icon];
         },
         isGrouped(column) {
             if (this.groupRowsBy) {
diff --git a/src/components/datatable/TableFooter.vue b/src/components/datatable/TableFooter.vue
old mode 100644
new mode 100755
diff --git a/src/components/datatable/TableHeader.vue b/src/components/datatable/TableHeader.vue
old mode 100644
new mode 100755
diff --git a/src/components/datatable/TableLoadingBody.vue b/src/components/datatable/TableLoadingBody.vue
old mode 100644
new mode 100755
diff --git a/src/components/dataview/DataView.d.ts b/src/components/dataview/DataView.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/dataview/DataView.vue b/src/components/dataview/DataView.vue
old mode 100644
new mode 100755
diff --git a/src/components/dataviewlayoutoptions/DataViewLayoutOptions.d.ts b/src/components/dataviewlayoutoptions/DataViewLayoutOptions.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue b/src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue
old mode 100644
new mode 100755
index 644c4bfc1..9fbbf561f
--- a/src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue
+++ b/src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue
@@ -1,12 +1,12 @@
 <template>
 	<div class="p-dataview-layout-options p-selectbutton p-buttonset">
 		<button :class="buttonListClass" @click="changeLayout('list')" type="button">
-			<i class="pi pi-bars p-button-icon-left"></i>
-			<span class="p-button-text p-clickable">p-btn</span>
+			<i class="pi pi-bars"></i>
+			<span class="p-button-text p-c">&nbsp;</span>
 		</button>
 		<button :class="buttonGridClass" @click="changeLayout('grid')" type="button">
-			<i class="pi pi-th-large p-button-icon-left"></i>
-			<span class="p-button-text p-clickable">p-btn</span>
+			<i class="pi pi-th-large"></i>
+			<span class="p-button-text p-c">&nbsp;</span>
 		</button>
 	</div>
 </template>
diff --git a/src/components/deferredcontent/DeferredContent.d.ts b/src/components/deferredcontent/DeferredContent.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/deferredcontent/DeferredContent.vue b/src/components/deferredcontent/DeferredContent.vue
old mode 100644
new mode 100755
diff --git a/src/components/dialog/Dialog.d.ts b/src/components/dialog/Dialog.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/dialog/Dialog.vue b/src/components/dialog/Dialog.vue
old mode 100644
new mode 100755
index 1856a6712..2a59072eb
--- a/src/components/dialog/Dialog.vue
+++ b/src/components/dialog/Dialog.vue
@@ -285,6 +285,10 @@ export default {
     justify-content: space-between;
 }
 
+.p-dialog-title {
+    list-style: 1;
+}
+
 .p-dialog .p-dialog-titlebar-icon {
     display: flex;
     align-items: center;
diff --git a/src/components/dropdown/Dropdown.d.ts b/src/components/dropdown/Dropdown.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/dropdown/Dropdown.vue b/src/components/dropdown/Dropdown.vue
old mode 100644
new mode 100755
index 25eddad91..f820722e6
--- a/src/components/dropdown/Dropdown.vue
+++ b/src/components/dropdown/Dropdown.vue
@@ -16,13 +16,15 @@
             <span class="p-dropdown-trigger-icon pi pi-chevron-down p-clickable"></span>
         </div>
         <transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
-            <div ref="overlay" class="p-dropdown-panel" v-if="overlayVisible">
-                <div v-if="filter" class="p-dropdown-filter-container">
-                    <input type="text" ref="filterInput" v-model="filterValue" autoComplete="off" class="p-dropdown-filter p-inputtext p-component" :placeholder="filterPlaceholder" @keydown="onFilterKeyDown" />
-                    <span class="p-dropdown-filter-icon pi pi-search"></span>
+            <div ref="overlay" class="p-dropdown-panel p-component" v-if="overlayVisible">
+                <div class="p-dropdown-header" v-if="filter">
+                     <div  class="p-dropdown-filter-container">
+                        <input type="text" ref="filterInput" v-model="filterValue" autoComplete="off" class="p-dropdown-filter p-inputtext p-component" :placeholder="filterPlaceholder" @keydown="onFilterKeyDown" />
+                        <span class="p-dropdown-filter-icon pi pi-search"></span>
+                    </div>
                 </div>
                 <div ref="itemsWrapper" class="p-dropdown-items-wrapper" :style="{'max-height': scrollHeight}">
-                    <ul class="p-dropdown-items p-component" role="listbox">
+                    <ul class="p-dropdown-items" role="listbox">
                         <li v-for="(option, i) of visibleOptions" :class="['p-dropdown-item', {'p-highlight': isSelected(option), 'p-disabled': isOptionDisabled(option)}]"
                             :aria-label="getOptionLabel(option)" :key="getOptionRenderKey(option)" @click="onOptionSelect($event, option)" role="option" :aria-selected="isSelected(option)">
                             <slot name="option" :option="option" :index="i">
@@ -292,6 +294,7 @@ export default {
             this.$emit('input', event.target.value);
         },
         onOverlayEnter() {
+            this.$refs.overlay.style.zIndex = String(DomHandler.generateZIndex());
             this.appendContainer();
             this.alignOverlay();
             this.bindOutsideClickListener();
@@ -477,6 +480,8 @@ export default {
     flex: 1 1 auto;
     width: 1%;
     text-overflow: ellipsis;
+    cursor: pointer;
+    font-weight: normal;
 }
 
 .p-dropdown-label-empty {
@@ -502,9 +507,12 @@ input.p-dropdown-label  {
 
 .p-dropdown-item {
     cursor: pointer;
+    font-weight: normal;
 }
 
 .p-dropdown-items {
+    margin: 0;
+    padding: 0;
     list-style-type: none;
 }
 
diff --git a/src/components/editor/Editor.d.ts b/src/components/editor/Editor.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/editor/Editor.vue b/src/components/editor/Editor.vue
old mode 100644
new mode 100755
diff --git a/src/components/fieldset/Fieldset.d.ts b/src/components/fieldset/Fieldset.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/fieldset/Fieldset.vue b/src/components/fieldset/Fieldset.vue
old mode 100644
new mode 100755
index 86291f69a..38843d1b7
--- a/src/components/fieldset/Fieldset.vue
+++ b/src/components/fieldset/Fieldset.vue
@@ -71,5 +71,10 @@ export default {
 
 .p-fieldset-toggleable .p-fieldset-legend a {
     cursor: pointer;
+    user-select: none;
+}
+
+.p-fieldset-legend-text {
+    line-height: 1;
 }
 </style>
diff --git a/src/components/fileupload/FileUpload.d.ts b/src/components/fileupload/FileUpload.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/fileupload/FileUpload.vue b/src/components/fileupload/FileUpload.vue
old mode 100644
new mode 100755
index ac08b91c7..6e85b3de9
--- a/src/components/fileupload/FileUpload.vue
+++ b/src/components/fileupload/FileUpload.vue
@@ -364,6 +364,8 @@ export default {
 .p-fileupload-content .p-progressbar {
     width: 100%;
     position: absolute;
+    top: 0;
+    left: 0;
 }
 
 .p-button.p-fileupload-choose {
diff --git a/src/components/fullcalendar/FullCalendar.d.ts b/src/components/fullcalendar/FullCalendar.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/fullcalendar/FullCalendar.vue b/src/components/fullcalendar/FullCalendar.vue
old mode 100644
new mode 100755
diff --git a/src/components/galleria/Galleria.d.ts b/src/components/galleria/Galleria.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/galleria/Galleria.vue b/src/components/galleria/Galleria.vue
old mode 100644
new mode 100755
index e51f22b41..28273236a
--- a/src/components/galleria/Galleria.vue
+++ b/src/components/galleria/Galleria.vue
@@ -183,17 +183,22 @@ export default {
     display: flex;
     flex-direction: column;
     position: relative;
+    height: 100%;
 }
 
 .p-galleria-preview-container {
     position: relative;
     display: flex;
+    height: 100%;
 }
 
 .p-galleria-preview-nav-button {
     position: absolute;
     top: 50%;
     margin-top: -.5em;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .p-galleria-preview-prev {
@@ -208,6 +213,8 @@ export default {
     display: flex;
     justify-content: center;
     align-items: center;
+    height: 100%;
+    width: 100%;
 }
 
 .p-galleria-preview-nav-onhover .p-galleria-preview-nav-button {
@@ -232,12 +239,6 @@ export default {
     width: 100%;
 }
 
-.p-galleria-indicator-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
 /* Thumbnails */
 .p-galleria-thumbnail-content {
     display: flex;
@@ -250,6 +251,9 @@ export default {
 .p-galleria-thumbnail-next {
     align-self: center;
     flex: 0 0 auto;
+    display: flex;
+    justify-content: center;
+	align-items: center;
 }
 
 .p-galleria-thumbnail-prev span,
@@ -283,35 +287,6 @@ export default {
     cursor: pointer;
 }
 
-/* Indicators */
-.p-galleria-indicator-onpreview .p-galleria-indicator-container {
-    position: absolute;
-}
-
-.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-indicator-container {
-    top: 0;
-    left: 0;
-    width: 100%;
-}
-
-.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-indicator-container {
-    right: 0;
-    top: 0;
-    height: 100%;
-}
-
-.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-indicator-container {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-}
-
-.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-indicator-container {
-    left: 0;
-    top: 0;
-    height: 100%;
-}
-
 /* Positions */
 /* Thumbnails */
 .p-galleria-thumbnails-left .p-galleria-content,
@@ -347,6 +322,17 @@ export default {
 }
 
 /* Indicators */
+.p-galleria-indicator-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-galleria-indicator-item > button {
+    display: inline-flex;
+    align-items: center;
+}
+
 .p-galleria-indicators-left .p-galleria-preview-content,
 .p-galleria-indicators-right .p-galleria-preview-content {
     flex-direction: row;
@@ -368,6 +354,39 @@ export default {
     flex-direction: column;
 }
 
+.p-galleria-indicator-onpreview .p-galleria-indicator-container {
+    position: absolute;
+    display: flex;
+}
+
+.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-indicator-container {
+    top: 0;
+    left: 0;
+    width: 100%;
+    align-items: flex-start;
+}
+
+.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-indicator-container {
+    right: 0;
+    top: 0;
+    height: 100%;
+    align-items: flex-end;
+}
+
+.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-indicator-container {
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    align-items: flex-end;
+}
+
+.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-indicator-container {
+    left: 0;
+    top: 0;
+    height: 100%;
+    align-items: flex-start;
+}
+
 /* FullScreen */
 .p-galleria-mask {
     display: flex;
diff --git a/src/components/galleria/GalleriaContent.vue b/src/components/galleria/GalleriaContent.vue
old mode 100644
new mode 100755
diff --git a/src/components/galleria/GalleriaItemSlot.vue b/src/components/galleria/GalleriaItemSlot.vue
old mode 100644
new mode 100755
diff --git a/src/components/galleria/GalleriaPreview.vue b/src/components/galleria/GalleriaPreview.vue
old mode 100644
new mode 100755
diff --git a/src/components/galleria/GalleriaThumbnails.vue b/src/components/galleria/GalleriaThumbnails.vue
old mode 100644
new mode 100755
diff --git a/src/components/inplace/Inplace.d.ts b/src/components/inplace/Inplace.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/inplace/Inplace.vue b/src/components/inplace/Inplace.vue
old mode 100644
new mode 100755
index e5fd494c3..e67925f4d
--- a/src/components/inplace/Inplace.vue
+++ b/src/components/inplace/Inplace.vue
@@ -66,4 +66,13 @@ export default {
 .p-inplace .p-inplace-content {
     display: inline;
 }
+
+.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {
+    display: flex;
+}
+
+.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {
+    flex: 1 1 auto;
+    width: 1%;
+}
 </style>
diff --git a/src/components/inputmask/InputMask.d.ts b/src/components/inputmask/InputMask.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/inputmask/InputMask.vue b/src/components/inputmask/InputMask.vue
old mode 100644
new mode 100755
diff --git a/src/components/inputnumber/InputNumber.d.ts b/src/components/inputnumber/InputNumber.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/inputnumber/InputNumber.vue b/src/components/inputnumber/InputNumber.vue
old mode 100644
new mode 100755
index 3a0fb8b2d..6888f2e04
--- a/src/components/inputnumber/InputNumber.vue
+++ b/src/components/inputnumber/InputNumber.vue
@@ -631,14 +631,11 @@ export default {
     display: none;
 }
 
-.p-inputnumber .p-inputnumber-button span {
-    font-size: inherit;
-}
-
 .p-inputnumber-buttons-stacked .p-inputnumber-button-up {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
+    padding: 0;
 }
 
 .p-inputnumber-buttons-stacked .p-inputnumber-input {
@@ -650,6 +647,7 @@ export default {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-left-radius: 0;
+    padding: 0;
 }
 
 .p-inputnumber-buttons-stacked .p-inputnumber-button-group {
@@ -682,12 +680,11 @@ export default {
     flex-direction: column;
 }
 
-.p-inputnumber-buttons-vertical .p-inputnumber-button-up {
+.p-inputnumber-buttons-vertical .p-inputnumber-button-up.p-button-icon-only {
     order: 1;
-    flex: 1 1 auto;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
-    width: auto;
+    width: 100%;
 }
 
 .p-inputnumber-buttons-vertical .p-inputnumber-input {
@@ -696,12 +693,11 @@ export default {
     text-align: center;
 }
 
-.p-inputnumber-buttons-vertical .p-inputnumber-button-down {
+.p-inputnumber-buttons-vertical .p-inputnumber-button-down.p-button-icon-only {
     order: 3;
-    flex: 1 1 auto;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
-    width: auto;
+    width: 100%;
 }
 
 .p-inputnumber-input {
@@ -716,8 +712,7 @@ export default {
     width: 1%;
 }
 
-.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input,
-.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-button {
+.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {
     width: 100%;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/inputswitch/InputSwitch.d.ts b/src/components/inputswitch/InputSwitch.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/inputswitch/InputSwitch.vue b/src/components/inputswitch/InputSwitch.vue
old mode 100644
new mode 100755
index 51ce0609c..b4675f43b
--- a/src/components/inputswitch/InputSwitch.vue
+++ b/src/components/inputswitch/InputSwitch.vue
@@ -59,8 +59,6 @@ export default {
 .p-inputswitch {
     position: relative;
     display: inline-block;
-    width: 3em;
-    height: 1.75em;
 }
 
 .p-inputswitch-slider {
@@ -70,26 +68,11 @@ export default {
     left: 0;
     right: 0;
     bottom: 0;
-    -webkit-transition: .3s;
-    transition: .3s;
-    border-radius: 30px;
 }
 
 .p-inputswitch-slider:before {
     position: absolute;
     content: "";
-    height: 1.250em;
-    width: 1.250em;
-    left: .25em;
-    bottom: .25em;
-    border-radius: 50%;
-    -webkit-transition: .3s;
-    transition: .3s;
-}
-
-.p-inputswitch-checked .p-inputswitch-slider:before {
-    -webkit-transform: translateX(1.250em);
-    -ms-transform: translateX(1.250em);
-    transform: translateX(1.250em);
+    top: 50%;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/inputtext/InputText.css b/src/components/inputtext/InputText.css
old mode 100644
new mode 100755
index 1094dc898..9d06e983b
--- a/src/components/inputtext/InputText.css
+++ b/src/components/inputtext/InputText.css
@@ -13,20 +13,12 @@
     width: 100%;
 }
 
-.p-inputgroup .p-inputgroup-addon {
+.p-inputgroup-addon {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
-.p-inputgroup .p-button {
-    margin-right: 0;
-}
-
-.p-fluid .p-inputgroup .p-button {
-    width: auto;
-}
-
 .p-inputgroup .p-inputtext,
 .p-fluid .p-inputgroup .p-inputtext {
     flex: 1 1 auto;
@@ -44,7 +36,8 @@
     pointer-events: none;
     top: 50%;
     margin-top: -.5em;
-    transition: 0.3s ease all; 
+    transition-property: all;
+    transition-timing-function: ease;
     line-height: 1;
 }
     
@@ -52,11 +45,11 @@
 .p-float-label input.p-filled ~ label,
 .p-float-label .p-inputwrapper-focus ~ label,
 .p-float-label .p-inputwrapper-filled ~ label {
-    top:-.75em;
-    font-size:12px;
+    top: -.75em;
+    font-size: 12px;
 }
 
 .p-float-label .input:-webkit-autofill ~ label {
-    top:-20px;
-    font-size:12px;
+    top: -20px;
+    font-size: 12px;
 }
\ No newline at end of file
diff --git a/src/components/inputtext/InputText.d.ts b/src/components/inputtext/InputText.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/inputtext/InputText.vue b/src/components/inputtext/InputText.vue
old mode 100644
new mode 100755
diff --git a/src/components/listbox/Listbox.d.ts b/src/components/listbox/Listbox.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/listbox/Listbox.vue b/src/components/listbox/Listbox.vue
old mode 100644
new mode 100755
index fd14bead4..91a831ea7
--- a/src/components/listbox/Listbox.vue
+++ b/src/components/listbox/Listbox.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="p-listbox p-inputtext p-component">
+    <div class="p-listbox p-component">
         <div class="p-listbox-header" v-if="filter">
             <div class="p-listbox-filter-container">
                 <input type="text" class="p-listbox-filter p-inputtext p-component" v-model="filterValue" :placeholder="filterPlaceholder">
diff --git a/src/components/megamenu/MegaMenu.d.ts b/src/components/megamenu/MegaMenu.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/megamenu/MegaMenu.vue b/src/components/megamenu/MegaMenu.vue
old mode 100644
new mode 100755
index b90aef613..2fa0060eb
--- a/src/components/megamenu/MegaMenu.vue
+++ b/src/components/megamenu/MegaMenu.vue
@@ -214,7 +214,7 @@ export default {
             }, category.class];
         },
         getCategorySubMenuIcon() {
-            return ['p-submenu-icon pi pi-fw', {
+            return ['p-submenu-icon pi', {
                 'pi-caret-down': this.horizontal,
                 'pi-caret-right': this.vertical
             }];
@@ -299,6 +299,10 @@ export default {
 </script>
 
 <style>
+.p-megamenu .p-grid {
+    flex-wrap: nowrap;
+}
+
 .p-megamenu-root-list {
     margin: 0;
     padding: 0;
@@ -315,6 +319,10 @@ export default {
     align-items: center;
 }
 
+.p-megamenu .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-megamenu-panel {
     display: none;
     position: absolute;
@@ -330,7 +338,6 @@ export default {
     margin: 0;
     padding: 0;
     list-style: none;
-    width: 12.5em;
 }
 
 /* Horizontal */
@@ -340,10 +347,6 @@ export default {
 }
 
 /* Vertical */
-.p-megamenu-vertical {
-    width: 12.5em;
-}
-
 .p-megamenu-vertical .p-megamenu-root-list {
     flex-direction: column;
 }
diff --git a/src/components/menu/Menu.d.ts b/src/components/menu/Menu.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/menu/Menu.vue b/src/components/menu/Menu.vue
old mode 100644
new mode 100755
index 1743bf6b3..576d3ea25
--- a/src/components/menu/Menu.vue
+++ b/src/components/menu/Menu.vue
@@ -180,18 +180,10 @@ export default {
 </script>
 
 <style>
-.p-menu {
-    width: 12.5em;
-}
-
 .p-menu-dynamic {
     position: absolute;
 }
 
-.p-menu .p-menu-separator {
-    border-width: 1px 0 0 0;
-}
-
 .p-menu ul {
     margin: 0;
     padding: 0;
@@ -203,4 +195,8 @@ export default {
     display: flex;
     align-items: center;
 }
+
+.p-menu .p-menuitem-text {
+    line-height: 1;
+}
 </style>
diff --git a/src/components/menu/Menuitem.vue b/src/components/menu/Menuitem.vue
old mode 100644
new mode 100755
diff --git a/src/components/menubar/Menubar.d.ts b/src/components/menubar/Menubar.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/menubar/Menubar.vue b/src/components/menubar/Menubar.vue
old mode 100644
new mode 100755
index 7a2009b05..086bda911
--- a/src/components/menubar/Menubar.vue
+++ b/src/components/menubar/Menubar.vue
@@ -46,6 +46,10 @@ export default {
     align-items: center;
 }
 
+.p-menubar .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-menubar .p-menuitem {
     position: relative;
 }
@@ -67,7 +71,6 @@ export default {
 .p-menubar .p-submenu-list {
     display: none;
     position: absolute;
-    min-width: 100%;
     z-index: 1;
 }
 
@@ -81,10 +84,6 @@ export default {
     margin-left: auto;
 }
 
-.p-menubar .p-menu-separator {
-    border-width: 1px 0 0 0;
-}
-
 .p-menubar .p-menubar-custom,
 .p-menubar .p-menubar-end {
     margin-left: auto;
diff --git a/src/components/menubar/MenubarSub.vue b/src/components/menubar/MenubarSub.vue
old mode 100644
new mode 100755
index 8bb53dd17..c881a39c4
--- a/src/components/menubar/MenubarSub.vue
+++ b/src/components/menubar/MenubarSub.vue
@@ -262,7 +262,7 @@ export default {
         },
         getSubmenuIcon() {
             return [
-                'p-submenu-icon pi pi-fw', {'pi-caret-right': !this.root, 'pi-caret-down': this.root}
+                'p-submenu-icon pi', {'pi-caret-right': !this.root, 'pi-caret-down': this.root}
             ];
         },
         visible(item) {
diff --git a/src/components/message/Message.d.ts b/src/components/message/Message.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/message/Message.vue b/src/components/message/Message.vue
old mode 100644
new mode 100755
diff --git a/src/components/multiselect/MultiSelect.d.ts b/src/components/multiselect/MultiSelect.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/multiselect/MultiSelect.vue b/src/components/multiselect/MultiSelect.vue
old mode 100644
new mode 100755
index 784609380..8864e643d
--- a/src/components/multiselect/MultiSelect.vue
+++ b/src/components/multiselect/MultiSelect.vue
@@ -15,9 +15,9 @@
             <span class="p-multiselect-trigger-icon pi pi-chevron-down p-c"></span>
         </div>
         <transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
-            <div ref="overlay" class="p-multiselect-panel" v-if="overlayVisible">
+            <div ref="overlay" class="p-multiselect-panel p-component" v-if="overlayVisible">
                 <div class="p-multiselect-header">
-                    <div class="p-checkbox p-component" @click="onToggleAll" role="checkbox" :aria-checked="allSelected">
+                    <div class="p-checkbox" @click="onToggleAll" role="checkbox" :aria-checked="allSelected">
                         <div class="p-hidden-accessible">
                             <input type="checkbox" readonly @focus="onHeaderCheckboxFocus" @blur="onHeaderCheckboxBlur">
                         </div>
@@ -26,7 +26,7 @@
                         </div>
                     </div>
                     <div v-if="filter" class="p-multiselect-filter-container">
-                        <input type="text" v-model="filterValue" class="p-multiselect-filter p-component p-inputtext p-component" :placeholder="filterPlaceholder">
+                        <input type="text" v-model="filterValue" class="p-multiselect-filter p-inputtext p-component" :placeholder="filterPlaceholder">
                         <span class="p-multiselect-filter-icon pi pi-search"></span>
                     </div>
                     <button class="p-multiselect-close p-link" @click="onCloseClick" type="button">
@@ -262,6 +262,7 @@ export default {
                 return null;
         },
         onOverlayEnter() {
+            this.$refs.overlay.style.zIndex = String(DomHandler.generateZIndex());
             this.appendContainer();
             this.alignOverlay();
             this.bindOutsideClickListener();
@@ -421,15 +422,18 @@ export default {
     justify-content: center;
 }
 
-.p-multiselect .p-multiselect-label-container {
+.p-multiselect-label-container {
     overflow: hidden;
     flex: 1 1 auto;
+    cursor: pointer;
 }
 
-.p-multiselect .p-multiselect-label  {
+.p-multiselect-label  {
     display: block;
     white-space: nowrap;
     text-overflow: ellipsis;
+    cursor: pointer;
+    font-weight: normal;
 }
 
 .p-multiselect-label-empty {
@@ -450,6 +454,8 @@ export default {
 }
 
 .p-multiselect-items {
+    margin: 0;
+    padding: 0;
     list-style-type: none;
 }
 
@@ -457,6 +463,7 @@ export default {
     cursor: pointer;
     display: flex;
     align-items: center;
+    font-weight: normal;
 }
 
 .p-multiselect-header {
diff --git a/src/components/orderlist/OrderList.d.ts b/src/components/orderlist/OrderList.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/orderlist/OrderList.vue b/src/components/orderlist/OrderList.vue
old mode 100644
new mode 100755
index 0df69c449..8ba12c5c3
--- a/src/components/orderlist/OrderList.vue
+++ b/src/components/orderlist/OrderList.vue
@@ -334,14 +334,4 @@ export default {
 .p-orderlist.p-state-disabled .p-orderlist-list {
     overflow: hidden;
 }
-
-@media (max-width: 767px) {
-    .p-orderlist {
-        flex-direction: column;
-    }
-
-    .p-orderlist-controls {
-        flex-direction: row;
-    }
-}
 </style>
diff --git a/src/components/organizationchart/OrganizationChart.d.ts b/src/components/organizationchart/OrganizationChart.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/organizationchart/OrganizationChart.vue b/src/components/organizationchart/OrganizationChart.vue
old mode 100644
new mode 100755
diff --git a/src/components/organizationchart/OrganizationChartNode.vue b/src/components/organizationchart/OrganizationChartNode.vue
old mode 100644
new mode 100755
diff --git a/src/components/overlaypanel/OverlayPanel.d.ts b/src/components/overlaypanel/OverlayPanel.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/overlaypanel/OverlayPanel.vue b/src/components/overlaypanel/OverlayPanel.vue
old mode 100644
new mode 100755
diff --git a/src/components/paginator/CurrentPageReport.vue b/src/components/paginator/CurrentPageReport.vue
old mode 100644
new mode 100755
diff --git a/src/components/paginator/FirstPageLink.vue b/src/components/paginator/FirstPageLink.vue
old mode 100644
new mode 100755
diff --git a/src/components/paginator/LastPageLink.vue b/src/components/paginator/LastPageLink.vue
old mode 100644
new mode 100755
diff --git a/src/components/paginator/NextPageLink.vue b/src/components/paginator/NextPageLink.vue
old mode 100644
new mode 100755
diff --git a/src/components/paginator/PageLinks.vue b/src/components/paginator/PageLinks.vue
old mode 100644
new mode 100755
diff --git a/src/components/paginator/Paginator.d.ts b/src/components/paginator/Paginator.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/paginator/Paginator.vue b/src/components/paginator/Paginator.vue
old mode 100644
new mode 100755
index d4bb00a8f..6528f6175
--- a/src/components/paginator/Paginator.vue
+++ b/src/components/paginator/Paginator.vue
@@ -222,5 +222,6 @@ export default {
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    line-height: 1;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/paginator/PrevPageLink.vue b/src/components/paginator/PrevPageLink.vue
old mode 100644
new mode 100755
diff --git a/src/components/paginator/RowsPerPageDropdown.vue b/src/components/paginator/RowsPerPageDropdown.vue
old mode 100644
new mode 100755
diff --git a/src/components/panel/Panel.d.ts b/src/components/panel/Panel.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/panel/Panel.vue b/src/components/panel/Panel.vue
old mode 100644
new mode 100755
index 59c9b5678..36701c296
--- a/src/components/panel/Panel.vue
+++ b/src/components/panel/Panel.vue
@@ -63,6 +63,10 @@ export default {
     align-items: center;
 }
 
+.p-panel-title {
+    line-height: 1;
+}
+
 .p-panel-titlebar-icon {
     display: inline-flex;
     justify-content: center;
diff --git a/src/components/panelmenu/PanelMenu.d.ts b/src/components/panelmenu/PanelMenu.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/panelmenu/PanelMenu.vue b/src/components/panelmenu/PanelMenu.vue
old mode 100644
new mode 100755
index c23cde02d..c044784a4
--- a/src/components/panelmenu/PanelMenu.vue
+++ b/src/components/panelmenu/PanelMenu.vue
@@ -67,7 +67,7 @@ export default {
         },
         getPanelToggleIcon(item) {
             const active = item === this.activeItem;
-            return ['p-panelmenu-icon pi pi-fw', {'pi-caret-right': !active,' pi-caret-down': active}];
+            return ['p-panelmenu-icon pi', {'pi-chevron-right': !active,' pi-chevron-down': active}];
         },
         getPanelIcon(item) {
             return ['p-menuitem-icon', item.icon];
@@ -94,14 +94,11 @@ export default {
 </script>
 
 <style>
-.p-panelmenu .p-menu-separator {
-    border-width: 1px 0 0 0;
-}
-
 .p-panelmenu .p-panelmenu-header-link {
     display: flex;
     align-items: center;
     user-select: none;
+    cursor: pointer;
 }
 
 .p-panelmenu .p-submenu-list {
@@ -114,5 +111,10 @@ export default {
     display: flex;
     align-items: center;
     user-select: none;
+    cursor: pointer;
+}
+
+.p-panelmenu .p-menuitem-text {
+    line-height: 1;
 }
 </style>
diff --git a/src/components/panelmenu/PanelMenuSub.vue b/src/components/panelmenu/PanelMenuSub.vue
old mode 100644
new mode 100755
diff --git a/src/components/password/Password.css b/src/components/password/Password.css
old mode 100644
new mode 100755
diff --git a/src/components/password/Password.d.ts b/src/components/password/Password.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/password/Password.vue b/src/components/password/Password.vue
old mode 100644
new mode 100755
diff --git a/src/components/password/images/password-meter.png b/src/components/password/images/password-meter.png
old mode 100644
new mode 100755
diff --git a/src/components/picklist/PickList.d.ts b/src/components/picklist/PickList.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/picklist/PickList.vue b/src/components/picklist/PickList.vue
old mode 100644
new mode 100755
index f7ae582df..a11a02c83
--- a/src/components/picklist/PickList.vue
+++ b/src/components/picklist/PickList.vue
@@ -19,7 +19,7 @@
                 </template>
             </transition-group>
         </div>
-        <div class="p-picklist-buttons">
+        <div class="p-picklist-buttons p-picklist-transfer-buttons">
             <PLButton type="button" icon="pi pi-angle-right" @click="moveToTarget"></PLButton>
             <PLButton type="button" icon="pi pi-angle-double-right" @click="moveAllToTarget"></PLButton>
             <PLButton type="button" icon="pi pi-angle-left" @click="moveToSource"></PLButton>
@@ -507,15 +507,4 @@ export default {
 .p-picklist-item.p-picklist-flip-leave-active.p-picklist-flip-leave-to {
     transition: none !important;
 }
-
-@media (max-width: 767px) {
-    .p-picklist {
-        flex-direction: column;
-    }
-
-    .p-picklist-buttons {
-        flex-direction: row;
-    }
-}
-
 </style>
diff --git a/src/components/progressbar/ProgressBar.d.ts b/src/components/progressbar/ProgressBar.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/progressbar/ProgressBar.vue b/src/components/progressbar/ProgressBar.vue
old mode 100644
new mode 100755
index 8f8e9c5e9..56f50747b
--- a/src/components/progressbar/ProgressBar.vue
+++ b/src/components/progressbar/ProgressBar.vue
@@ -49,8 +49,6 @@ export default {
 
 <style>
 .p-progressbar {
-    height: 1.2em;
-    text-align: left;
     position: relative;
     overflow: hidden;
 }
@@ -64,9 +62,6 @@ export default {
 }
 
 .p-progressbar-determinate .p-progressbar-value-animate {
-    -webkit-transition: width 1s ease-in-out;
-    -moz-transition: width 1s ease-in-out;
-    -o-transition: width 1s ease-in-out;
     transition: width 1s ease-in-out;
 }
 
diff --git a/src/components/progressspinner/ProgressSpinner.d.ts b/src/components/progressspinner/ProgressSpinner.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/progressspinner/ProgressSpinner.vue b/src/components/progressspinner/ProgressSpinner.vue
old mode 100644
new mode 100755
diff --git a/src/components/radiobutton/RadioButton.css b/src/components/radiobutton/RadioButton.css
old mode 100644
new mode 100755
index a758eb180..99b88684a
--- a/src/components/radiobutton/RadioButton.css
+++ b/src/components/radiobutton/RadioButton.css
@@ -2,6 +2,7 @@
     display: inline-flex;
     cursor: pointer;
     user-select: none;
+    vertical-align: bottom;
 }
 
 .p-radiobutton-box {
diff --git a/src/components/radiobutton/RadioButton.d.ts b/src/components/radiobutton/RadioButton.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/radiobutton/RadioButton.vue b/src/components/radiobutton/RadioButton.vue
old mode 100644
new mode 100755
diff --git a/src/components/rating/Rating.d.ts b/src/components/rating/Rating.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/rating/Rating.vue b/src/components/rating/Rating.vue
old mode 100644
new mode 100755
index 9e197e811..1cdea8a83
--- a/src/components/rating/Rating.vue
+++ b/src/components/rating/Rating.vue
@@ -71,7 +71,6 @@ export default {
     cursor: pointer;
 }
 
-.p-rating.p-disabled .p-rating-icon,
 .p-rating.p-rating-readonly .p-rating-icon {
     cursor: default;
 }
diff --git a/src/components/row/Row.d.ts b/src/components/row/Row.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/row/Row.vue b/src/components/row/Row.vue
old mode 100644
new mode 100755
diff --git a/src/components/selectbutton/SelectButton.d.ts b/src/components/selectbutton/SelectButton.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/selectbutton/SelectButton.vue b/src/components/selectbutton/SelectButton.vue
old mode 100644
new mode 100755
index 4fb747892..0eb568055
--- a/src/components/selectbutton/SelectButton.vue
+++ b/src/components/selectbutton/SelectButton.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="containerClass" role="group">
+    <div class="p-selectbutton p-buttonset p-component" role="group">
         <div v-for="(option, i) of options" :key="getOptionRenderKey(option)" :aria-label="getOptionLabel(option)" role="button" :aria-pressed="isSelected(option)"
             @click="onOptionSelect($event, option, i)" @keydown.enter.prevent="onOptionSelect($event, option, i)" @keydown.space.prevent="onOptionSelect($event, option)"
             :tabindex="isOptionDisabled(option) ? null : '0'" @focus="onFocus($event, i)" @blur="onBlur($event)" :aria-labelledby="ariaLabelledBy"
@@ -95,9 +95,6 @@ export default {
         }
     },
 	computed: {
-		containerClass() {
-			return 'p-selectbutton p-buttonset p-component p-buttonset-' + String(this.options ? this.options.length : 0);
-        },
         equalityKey() {
             return this.optionValue ? null : this.dataKey;
         }
diff --git a/src/components/sidebar/Sidebar.d.ts b/src/components/sidebar/Sidebar.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/sidebar/Sidebar.vue b/src/components/sidebar/Sidebar.vue
old mode 100644
new mode 100755
diff --git a/src/components/slider/Slider.d.ts b/src/components/slider/Slider.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/slider/Slider.vue b/src/components/slider/Slider.vue
old mode 100644
new mode 100755
diff --git a/src/components/spinner/Spinner.d.ts b/src/components/spinner/Spinner.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/spinner/Spinner.vue b/src/components/spinner/Spinner.vue
old mode 100644
new mode 100755
diff --git a/src/components/splitbutton/SplitButton.d.ts b/src/components/splitbutton/SplitButton.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/splitbutton/SplitButton.vue b/src/components/splitbutton/SplitButton.vue
old mode 100644
new mode 100755
index ca6275cbe..074ed3570
--- a/src/components/splitbutton/SplitButton.vue
+++ b/src/components/splitbutton/SplitButton.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="p-splitbutton p-buttonset p-component">
         <PVSButton type="button" class="p-splitbutton-defaultbutton" :icon="icon" :label="label" @click="onClick" :disabled="disabled" :tabindex="tabindex" />
-        <PVSButton type="button" class="p-splitbutton-menubutton" icon="pi pi-caret-down" @click="onDropdownButtonClick" :disabled="disabled"
+        <PVSButton type="button" class="p-splitbutton-menubutton" icon="pi pi-chevron-down" @click="onDropdownButtonClick" :disabled="disabled"
             aria-haspopup="true" :aria-controls="ariaId + '_overlay'"/>
         <PVSMenu :id="ariaId + '_overlay'" ref="menu" :model="model" :popup="true" :autoZIndex="autoZIndex"
             :baseZIndex="baseZIndex" :appendTo="appendTo" />
@@ -82,8 +82,14 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+}
+
+.p-splitbutton .p-button:focus {
+    z-index: 1;
+}
+
+.p-splitbutton .p-menu {
+    min-width: 100%;
 }
 
 .p-fluid .p-splitbutton  {
diff --git a/src/components/steps/Steps.d.ts b/src/components/steps/Steps.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/steps/Steps.vue b/src/components/steps/Steps.vue
old mode 100644
new mode 100755
index 47b14cd19..1b771c1f7
--- a/src/components/steps/Steps.vue
+++ b/src/components/steps/Steps.vue
@@ -77,6 +77,10 @@ export default {
 </script>
 
 <style>
+.p-steps {
+    position: relative;
+}
+
 .p-steps ul {
     padding: 0;
     margin: 0;
@@ -95,6 +99,7 @@ export default {
     display: inline-flex;
     flex-direction: column;
     align-items: center;
+    overflow: hidden;
 }
 
 .p-steps.p-steps-readonly .p-steps-item {
@@ -109,4 +114,14 @@ export default {
 .p-steps-title {
     white-space: nowrap;
 }
+
+.p-steps-number {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-steps-title {
+    display: block;
+}
 </style>
diff --git a/src/components/tabmenu/TabMenu.d.ts b/src/components/tabmenu/TabMenu.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/tabmenu/TabMenu.vue b/src/components/tabmenu/TabMenu.vue
old mode 100644
new mode 100755
index 4039c9c9d..104d959db
--- a/src/components/tabmenu/TabMenu.vue
+++ b/src/components/tabmenu/TabMenu.vue
@@ -78,6 +78,10 @@ export default {
     align-items: center;
 }
 
+.p-tabmenu-nav .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-tabmenu-nav li.p-disabled a {
     cursor: auto;
 }
diff --git a/src/components/tabpanel/TabPanel.d.ts b/src/components/tabpanel/TabPanel.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/tabpanel/TabPanel.vue b/src/components/tabpanel/TabPanel.vue
old mode 100644
new mode 100755
diff --git a/src/components/tabview/TabView.d.ts b/src/components/tabview/TabView.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/tabview/TabView.vue b/src/components/tabview/TabView.vue
old mode 100644
new mode 100755
index 712ca8063..cacae8ed4
--- a/src/components/tabview/TabView.vue
+++ b/src/components/tabview/TabView.vue
@@ -108,4 +108,8 @@ export default {
 .p-tabview-nav li.p-disabled a {
     cursor: auto;
 }
+
+.p-tabview-title {
+    line-height: 1;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/terminal/Terminal.d.ts b/src/components/terminal/Terminal.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/terminal/Terminal.vue b/src/components/terminal/Terminal.vue
old mode 100644
new mode 100755
diff --git a/src/components/terminal/TerminalService.d.ts b/src/components/terminal/TerminalService.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/terminal/TerminalService.js b/src/components/terminal/TerminalService.js
old mode 100644
new mode 100755
diff --git a/src/components/textarea/Textarea.d.ts b/src/components/textarea/Textarea.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/textarea/Textarea.vue b/src/components/textarea/Textarea.vue
old mode 100644
new mode 100755
diff --git a/src/components/tieredmenu/TieredMenu.d.ts b/src/components/tieredmenu/TieredMenu.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/tieredmenu/TieredMenu.vue b/src/components/tieredmenu/TieredMenu.vue
old mode 100644
new mode 100755
index 4e1b34395..e4372c4c9
--- a/src/components/tieredmenu/TieredMenu.vue
+++ b/src/components/tieredmenu/TieredMenu.vue
@@ -157,18 +157,10 @@ export default {
 </script>
 
 <style>
-.p-tieredmenu {
-    width: 12.5em;
-}
-
 .p-tieredmenu-dynamic {
     position: absolute;
 }
 
-.p-tieredmenu .p-menu-separator {
-    border-width: 1px 0 0 0;
-}
-
 .p-tieredmenu ul {
     margin: 0;
     padding: 0;
@@ -188,12 +180,16 @@ export default {
     align-items: center;
 }
 
+.p-tieredmenu .p-menuitem-text {
+    line-height: 1;
+}
+
 .p-tieredmenu .p-menuitem {
     position: relative;
 }
 
 .p-tieredmenu .p-menuitem-link .p-submenu-icon {
-    margin-left: auto;;
+    margin-left: auto;
 }
 
 .p-tieredmenu .p-menuitem-active > .p-submenu-list {
diff --git a/src/components/tieredmenu/TieredMenuSub.vue b/src/components/tieredmenu/TieredMenuSub.vue
old mode 100644
new mode 100755
index c67c9b7d3..a9f829b72
--- a/src/components/tieredmenu/TieredMenuSub.vue
+++ b/src/components/tieredmenu/TieredMenuSub.vue
@@ -12,7 +12,7 @@
                     @click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="item.disabled ? null : '0'">
                     <span :class="['p-menuitem-icon', item.icon]"></span>
                     <span class="p-menuitem-text">{{item.label}}</span>
-                    <span class="p-submenu-icon pi pi-fw pi-caret-right" v-if="item.items"></span>
+                    <span class="p-submenu-icon pi pi-caret-right" v-if="item.items"></span>
                 </a>
                 <sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
                     @leaf-click="onLeafClick" @keydown-item="onChildItemKeyDown" :parentActive="item === activeItem" />
diff --git a/src/components/toast/Toast.d.ts b/src/components/toast/Toast.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/toast/Toast.vue b/src/components/toast/Toast.vue
old mode 100644
new mode 100755
diff --git a/src/components/toast/ToastEventBus.js b/src/components/toast/ToastEventBus.js
old mode 100644
new mode 100755
diff --git a/src/components/toast/ToastMessage.vue b/src/components/toast/ToastMessage.vue
old mode 100644
new mode 100755
diff --git a/src/components/toast/ToastService.d.ts b/src/components/toast/ToastService.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/toast/ToastService.js b/src/components/toast/ToastService.js
old mode 100644
new mode 100755
diff --git a/src/components/togglebutton/ToggleButton.d.ts b/src/components/togglebutton/ToggleButton.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/togglebutton/ToggleButton.vue b/src/components/togglebutton/ToggleButton.vue
old mode 100644
new mode 100755
index 057469ea3..6f055e2f7
--- a/src/components/togglebutton/ToggleButton.vue
+++ b/src/components/togglebutton/ToggleButton.vue
@@ -54,9 +54,6 @@ export default {
             return {
                 'p-button p-togglebutton p-component': true,
                 'p-button-icon-only': this.hasIcon && !this.hasLabel,
-                'p-button-text-icon-left': this.hasIcon && this.hasLabel && this.iconPos === 'left',
-                'p-button-text-icon-right': this.hasIcon && this.hasLabel && this.iconPos === 'right',
-                'p-button-text-only': !this.hasIcon && this.hasLabel,
                 'p-disabled': this.disabled,
                 'p-focus': this.focused,
                 'p-highlight': this.value === true
@@ -66,8 +63,8 @@ export default {
             return [
                 this.value ? this.onIcon: this.offIcon,
                 {
-                    'p-button-icon-left': this.iconPos === 'left',
-                    'p-button-icon-right': this.iconPos === 'right'
+                    'p-button-icon-left': this.iconPos === 'left' && this.label,
+                    'p-button-icon-right': this.iconPos === 'right' && this.label
                 }
             ]
         },
@@ -78,7 +75,7 @@ export default {
             return this.onIcon && this.onIcon.length > 0 && this.offIcon && this.offIcon.length > 0;
         },
         label() {
-            return this.hasLabel ? (this.value ? this.onLabel : this.offLabel): 'p-btn';
+            return this.hasLabel ? (this.value ? this.onLabel : this.offLabel): '&nbsp;';
         }
     }
 }
diff --git a/src/components/toolbar/Toolbar.d.ts b/src/components/toolbar/Toolbar.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/toolbar/Toolbar.vue b/src/components/toolbar/Toolbar.vue
old mode 100644
new mode 100755
diff --git a/src/components/tooltip/Tooltip.css b/src/components/tooltip/Tooltip.css
old mode 100644
new mode 100755
diff --git a/src/components/tooltip/Tooltip.d.ts b/src/components/tooltip/Tooltip.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/tooltip/Tooltip.js b/src/components/tooltip/Tooltip.js
old mode 100644
new mode 100755
diff --git a/src/components/tree/Tree.d.ts b/src/components/tree/Tree.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/tree/Tree.vue b/src/components/tree/Tree.vue
old mode 100644
new mode 100755
diff --git a/src/components/tree/TreeNode.vue b/src/components/tree/TreeNode.vue
old mode 100644
new mode 100755
diff --git a/src/components/treetable/TreeTable.d.ts b/src/components/treetable/TreeTable.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/treetable/TreeTable.vue b/src/components/treetable/TreeTable.vue
old mode 100644
new mode 100755
index f0526c0fe..d6173392b
--- a/src/components/treetable/TreeTable.vue
+++ b/src/components/treetable/TreeTable.vue
@@ -925,6 +925,10 @@ export default {
     cursor: pointer;
 }
 
+.p-treetable-toggler {
+    cursor: pointer;
+}
+
 /* Resizable */
 .p-treetable-resizable > .p-treetable-wrapper {
     overflow-x: auto;
diff --git a/src/components/treetable/TreeTableColumnSlot.vue b/src/components/treetable/TreeTableColumnSlot.vue
old mode 100644
new mode 100755
diff --git a/src/components/treetable/TreeTableRow.vue b/src/components/treetable/TreeTableRow.vue
old mode 100644
new mode 100755
index ed962ed0d..b33cadfe8
--- a/src/components/treetable/TreeTableRow.vue
+++ b/src/components/treetable/TreeTableRow.vue
@@ -219,7 +219,7 @@ export default {
             return (this.selectionMode && this.selectionKeys) ? this.selectionKeys[this.node.key] === true : false;
         },
         togglerIcon() {
-            return ['p-treetable-toggler-icon pi pi-fw', {'pi-chevron-right': !this.expanded, 'pi-chevron-down': this.expanded}];
+            return ['p-treetable-toggler-icon pi', {'pi-chevron-right': !this.expanded, 'pi-chevron-down': this.expanded}];
         },
         togglerStyle() {
             return {
diff --git a/src/components/treetable/TreeTableRowLoader.vue b/src/components/treetable/TreeTableRowLoader.vue
old mode 100644
new mode 100755
diff --git a/src/components/tristatecheckbox/TriStateCheckbox.d.ts b/src/components/tristatecheckbox/TriStateCheckbox.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/tristatecheckbox/TriStateCheckbox.vue b/src/components/tristatecheckbox/TriStateCheckbox.vue
old mode 100644
new mode 100755
diff --git a/src/components/utils/DomHandler.js b/src/components/utils/DomHandler.js
old mode 100644
new mode 100755
diff --git a/src/components/utils/FilterUtils.js b/src/components/utils/FilterUtils.js
old mode 100644
new mode 100755
diff --git a/src/components/utils/ObjectUtils.js b/src/components/utils/ObjectUtils.js
old mode 100644
new mode 100755
diff --git a/src/components/utils/UniqueComponentId.js b/src/components/utils/UniqueComponentId.js
old mode 100644
new mode 100755
diff --git a/src/components/validationmessage/ValidationMessage.d.ts b/src/components/validationmessage/ValidationMessage.d.ts
old mode 100644
new mode 100755
diff --git a/src/components/validationmessage/ValidationMessage.vue b/src/components/validationmessage/ValidationMessage.vue
old mode 100644
new mode 100755
index 172a37a6d..511bf1a8b
--- a/src/components/validationmessage/ValidationMessage.vue
+++ b/src/components/validationmessage/ValidationMessage.vue
@@ -1,7 +1,7 @@
 <template>
     <div aria-live="polite" :class="containerClass">
         <span :class="iconClass"></span>
-        <span class="p-message-text"><slot></slot></span>
+        <span class="p-message-text"><slot>&nbsp;</slot></span>
     </div>
 </template>
 
@@ -28,7 +28,7 @@ export default {
     },
     computed: {
         containerClass() {
-            return 'p-message p-component p-message-' + this.severity;
+            return ['p-message p-component p-message-' + this.severity, {'p-message-icon-only': !this.$scopedSlots.default}];
         },
         iconClass() {
             return ['p-message-icon pi', {
@@ -46,6 +46,13 @@ export default {
 .p-message {
     display: inline-flex;
     align-items: center;
+    justify-content: center;
+    vertical-align: top;
+}
+
+.p-message-icon-only .p-message-text {
+    visibility: hidden;
+    width: 0;
 }
 
 .p-fluid .p-message {
diff --git a/src/router.js b/src/router.js
old mode 100644
new mode 100755
diff --git a/src/service/CarService.js b/src/service/CarService.js
old mode 100644
new mode 100755
diff --git a/src/service/CountryService.js b/src/service/CountryService.js
old mode 100644
new mode 100755
diff --git a/src/service/CustomerService.js b/src/service/CustomerService.js
old mode 100644
new mode 100755
diff --git a/src/service/EventService.js b/src/service/EventService.js
old mode 100644
new mode 100755
diff --git a/src/service/GalleriaService.js b/src/service/GalleriaService.js
old mode 100644
new mode 100755
diff --git a/src/service/NodeService.js b/src/service/NodeService.js
old mode 100644
new mode 100755
diff --git a/src/views/Home.vue b/src/views/Home.vue
old mode 100644
new mode 100755
diff --git a/src/views/accordion/AccordionDemo.vue b/src/views/accordion/AccordionDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/accordion/AccordionDoc.vue b/src/views/accordion/AccordionDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/autocomplete/AutoCompleteDemo.vue b/src/views/autocomplete/AutoCompleteDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/autocomplete/AutoCompleteDoc.vue b/src/views/autocomplete/AutoCompleteDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/blockui/BlockUIDemo.vue b/src/views/blockui/BlockUIDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/blockui/BlockUIDoc.vue b/src/views/blockui/BlockUIDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/breadcrumb/BreadcrumbDemo.vue b/src/views/breadcrumb/BreadcrumbDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/breadcrumb/BreadcrumbDoc.vue b/src/views/breadcrumb/BreadcrumbDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/button/ButtonDemo.vue b/src/views/button/ButtonDemo.vue
old mode 100644
new mode 100755
index 02fb66a5a..a2c40612c
--- a/src/views/button/ButtonDemo.vue
+++ b/src/views/button/ButtonDemo.vue
@@ -38,6 +38,13 @@
             <Button label="Info" class="p-button-rounded p-button-info" />
             <Button label="Warning" class="p-button-rounded p-button-warning" />
             <Button label="Danger" class="p-button-rounded p-button-danger" />
+
+            <h3>Button Set</h3>
+            <span class="p-buttonset">
+                <Button label="Save" icon="pi pi-check" />
+                <Button label="Delete" icon="pi pi-trash" />
+                <Button label="Cancel" icon="pi pi-times" />
+            </span>
         </div>
 
         <ButtonDoc/>
diff --git a/src/views/button/ButtonDoc.vue b/src/views/button/ButtonDoc.vue
old mode 100644
new mode 100755
index 3899a01c0..6a9ac984a
--- a/src/views/button/ButtonDoc.vue
+++ b/src/views/button/ButtonDoc.vue
@@ -55,6 +55,16 @@ import Button from 'primevue/button';
 				<p>A button can be raised by having "p-button-raised" style class and similarly borders can be made rounded using "p-button-rounded" class.</p>
 <CodeHighlight>
 &lt;Button label="Primary" class="p-button-raised p-button-rounded" /&gt;
+</CodeHighlight>
+
+                <h3>ButtonSet</h3>
+                <p>Wrapping the buttons in a container having a <i>.p-buttonset</i> class, groups the buttons side to side.</p>
+<CodeHighlight>
+&lt;span class="p-buttonset"&gt;
+    &lt;Button label="Save" icon="pi pi-check" /&gt;
+    &lt;Button label="Delete" icon="pi pi-trash" /&gt;
+    &lt;Button label="Cancel" icon="pi pi-times" /&gt;
+&lt;/span&gt;
 </CodeHighlight>
 
 				<h3>Properties</h3>
@@ -97,24 +107,24 @@ import Button from 'primevue/button';
 				<div class="doc-tablewrapper">
 					<table class="doc-table">
 						<thead>
-						<tr>
-							<th>Name</th>
-							<th>Element</th>
-						</tr>
+                            <tr>
+                                <th>Name</th>
+                                <th>Element</th>
+                            </tr>
 						</thead>
 						<tbody>
-						<tr>
-							<td>p-button</td>
-							<td>Button element</td>
-						</tr>
-						<tr>
-							<td>p-button-icon</td>
-							<td>Icon element</td>
-						</tr>
-						<tr>
-							<td>p-button-text</td>
-							<td>Label element of the button</td>
-						</tr>
+                            <tr>
+                                <td>p-button</td>
+                                <td>Button element</td>
+                            </tr>
+                            <tr>
+                                <td>p-button-icon</td>
+                                <td>Icon element</td>
+                            </tr>
+                            <tr>
+                                <td>p-button-text</td>
+                                <td>Label element of the button</td>
+                            </tr>
 						</tbody>
 					</table>
 				</div>
@@ -159,6 +169,13 @@ import Button from 'primevue/button';
 &lt;Button label="Info" class="p-button-rounded p-button-info" /&gt;
 &lt;Button label="Warning" class="p-button-rounded p-button-warning" /&gt;
 &lt;Button label="Danger" class="p-button-rounded p-button-danger" /&gt;
+
+&lt;h3&gt;ButtonSet&lt;/h3&gt;
+&lt;span class="p-buttonset"&gt;
+    &lt;Button label="Save" icon="pi pi-check" /&gt;
+    &lt;Button label="Delete" icon="pi pi-trash" /&gt;
+    &lt;Button label="Cancel" icon="pi pi-times" /&gt;
+&lt;/span&gt;
 </template>
 </CodeHighlight>
 
diff --git a/src/views/calendar/CalendarDemo.vue b/src/views/calendar/CalendarDemo.vue
old mode 100644
new mode 100755
index 522cb14d0..1b5d2ba1f
--- a/src/views/calendar/CalendarDemo.vue
+++ b/src/views/calendar/CalendarDemo.vue
@@ -149,14 +149,13 @@ export default {
 
 <style scoped>
 .special-day {
+    display: flex;
+    align-items: center;
+    justify-content: center;
     background-color: #1dcbb3;
     color: #ffffff;
-    font-weight: bold;
     border-radius: 50%;
     width: 2em;
     height: 2em;
-    line-height: 2em;
-    padding: 0;
-    display: inline-block;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/calendar/CalendarDoc.vue b/src/views/calendar/CalendarDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/card/CardDemo.vue b/src/views/card/CardDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/card/CardDoc.vue b/src/views/card/CardDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/carousel/CarouselDemo.vue b/src/views/carousel/CarouselDemo.vue
old mode 100644
new mode 100755
index 2a0d7b035..d1ecc197d
--- a/src/views/carousel/CarouselDemo.vue
+++ b/src/views/carousel/CarouselDemo.vue
@@ -143,7 +143,7 @@ export default {
 		.p-carousel-item {
 			.car-details {
 				> .p-grid {
-					border: 1px solid #b3c2ca;
+					border: 1px solid #c8c8c8;
 					border-radius: 3px;
 					margin: .3em;
 					text-align: center;
diff --git a/src/views/carousel/CarouselDoc.vue b/src/views/carousel/CarouselDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/BarChartDemo.vue b/src/views/chart/BarChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/BarChartDoc.vue b/src/views/chart/BarChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/ChartDemo.vue b/src/views/chart/ChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/ChartDoc.vue b/src/views/chart/ChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/ComboChartDemo.vue b/src/views/chart/ComboChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/ComboChartDoc.vue b/src/views/chart/ComboChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/DoughnutChartDemo.vue b/src/views/chart/DoughnutChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/DoughnutChartDoc.vue b/src/views/chart/DoughnutChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/LineChartDemo.vue b/src/views/chart/LineChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/LineChartDoc.vue b/src/views/chart/LineChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/PieChartDemo.vue b/src/views/chart/PieChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/PieChartDoc.vue b/src/views/chart/PieChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/PolarAreaChartDemo.vue b/src/views/chart/PolarAreaChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/PolarAreaChartDoc.vue b/src/views/chart/PolarAreaChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/RadarChartDemo.vue b/src/views/chart/RadarChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chart/RadarChartDoc.vue b/src/views/chart/RadarChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/checkbox/CheckboxDemo.vue b/src/views/checkbox/CheckboxDemo.vue
old mode 100644
new mode 100755
index a7b13df28..16c2a4b85
--- a/src/views/checkbox/CheckboxDemo.vue
+++ b/src/views/checkbox/CheckboxDemo.vue
@@ -9,8 +9,12 @@
 
         <div class="content-section implementation">
             <h3 class="first">Basic</h3>
-            <Checkbox id="binary" v-model="checked" :binary="true" />
-            <label for="binary" style="font-weight: bold">{{checked}}</label>
+            <div class="p-grid">
+                <div class="p-col-12">
+                     <Checkbox id="binary" v-model="checked" :binary="true" />
+                    <label for="binary" style="font-weight: bold">{{checked}}</label>
+                </div>
+            </div>
 
             <h3>Multiple</h3>
             <div class="p-grid">
@@ -69,8 +73,12 @@ export default {
 </script>
 
 <style scoped>
+.p-col-12 {
+    display: flex;
+    align-items: center;
+}
+
 label {
-    vertical-align: middle;
     margin-left: .5em;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/checkbox/CheckboxDoc.vue b/src/views/checkbox/CheckboxDoc.vue
old mode 100644
new mode 100755
index 5f3c8fbdd..785be5043
--- a/src/views/checkbox/CheckboxDoc.vue
+++ b/src/views/checkbox/CheckboxDoc.vue
@@ -152,8 +152,12 @@ export default {
 <CodeHighlight>
 <template v-pre>
 &lt;h3&gt;Basic&lt;/h3&gt;
-&lt;Checkbox id="binary" v-model="checked" :binary="true"/&gt;
-&lt;label for="binary" class="p-checkbox-label" style="font-weight: bold"&gt;{{checked}}&lt;/label&gt;
+&lt;div class="p-grid"&gt;
+    &lt;div class="p-col-12"&gt;
+        &lt;Checkbox id="binary" v-model="checked" :binary="true"/&gt;
+        &lt;label for="binary" class="p-checkbox-label" style="font-weight: bold"&gt;{{checked}}&lt;/label&gt;
+    &lt;/div&gt;
+&lt;/div&gt;
 
 &lt;h3&gt;Multiple&lt;/h3&gt;
 &lt;div class="p-grid"&gt;
diff --git a/src/views/chips/ChipsDemo.vue b/src/views/chips/ChipsDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/chips/ChipsDoc.vue b/src/views/chips/ChipsDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/codehighlight/CodeHighlight.vue b/src/views/codehighlight/CodeHighlight.vue
old mode 100644
new mode 100755
diff --git a/src/views/colorpicker/ColorPickerDemo.vue b/src/views/colorpicker/ColorPickerDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/colorpicker/ColorPickerDoc.vue b/src/views/colorpicker/ColorPickerDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/contextmenu/ContextMenuDemo.vue b/src/views/contextmenu/ContextMenuDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/contextmenu/ContextMenuDoc.vue b/src/views/contextmenu/ContextMenuDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableBasicDemo.vue b/src/views/datatable/DataTableBasicDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableColGroupDemo.vue b/src/views/datatable/DataTableColGroupDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableColResizeDemo.vue b/src/views/datatable/DataTableColResizeDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableColToggleDemo.vue b/src/views/datatable/DataTableColToggleDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableContextMenuDemo.vue b/src/views/datatable/DataTableContextMenuDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableCrudDemo.vue b/src/views/datatable/DataTableCrudDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableDemo.vue b/src/views/datatable/DataTableDemo.vue
old mode 100644
new mode 100755
index 8fcdb38b8..f1fbb7bb4
--- a/src/views/datatable/DataTableDemo.vue
+++ b/src/views/datatable/DataTableDemo.vue
@@ -251,11 +251,11 @@ export default {
 }
 
 /deep/ .p-column-filter {
-    display: block;
+    width: 100%;
+}
 
-    input {
-        width: 100%;
-    }
+/deep/ .p-multiselect-panel {
+    min-width: 16em;
 }
 
 .p-datatable-globalfilter-container {
diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue
old mode 100644
new mode 100755
index 4c9e10646..09e62342d
--- a/src/views/datatable/DataTableDoc.vue
+++ b/src/views/datatable/DataTableDoc.vue
@@ -2583,11 +2583,11 @@ export default {
 }
 
 /deep/ .p-column-filter {
-    display: block;
+    width: 100%;
+}
 
-    input {
-        width: 100%;
-    }
+/deep/ .p-multiselect-panel {
+    min-width: 16em;
 }
 
 .p-datatable-globalfilter-container {
diff --git a/src/views/datatable/DataTableDynamicColumnsDemo.vue b/src/views/datatable/DataTableDynamicColumnsDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableEditDemo.vue b/src/views/datatable/DataTableEditDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableExportDemo.vue b/src/views/datatable/DataTableExportDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableFilterDemo.vue b/src/views/datatable/DataTableFilterDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableLazyDemo.vue b/src/views/datatable/DataTableLazyDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTablePaginatorDemo.vue b/src/views/datatable/DataTablePaginatorDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableReorderDemo.vue b/src/views/datatable/DataTableReorderDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableResponsiveDemo.vue b/src/views/datatable/DataTableResponsiveDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableRowExpandDemo.vue b/src/views/datatable/DataTableRowExpandDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableRowGroupDemo.vue b/src/views/datatable/DataTableRowGroupDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableScrollDemo.vue b/src/views/datatable/DataTableScrollDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableSelectionDemo.vue b/src/views/datatable/DataTableSelectionDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableSortDemo.vue b/src/views/datatable/DataTableSortDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableStateDemo.vue b/src/views/datatable/DataTableStateDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableStyleDemo.vue b/src/views/datatable/DataTableStyleDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableSubMenu.vue b/src/views/datatable/DataTableSubMenu.vue
old mode 100644
new mode 100755
diff --git a/src/views/datatable/DataTableTemplatingDemo.vue b/src/views/datatable/DataTableTemplatingDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/dataview/DataViewDemo.vue b/src/views/dataview/DataViewDemo.vue
old mode 100644
new mode 100755
index a2ea7ba44..65fdcdbb4
--- a/src/views/dataview/DataViewDemo.vue
+++ b/src/views/dataview/DataViewDemo.vue
@@ -103,6 +103,7 @@ export default {
 <style lang="scss" scoped>
 .p-dropdown {
     width: 12em;
+    font-weight: normal;
 }
 
 .p-dataview {
@@ -111,7 +112,6 @@ export default {
         justify-content: space-between;
         align-items: center;
         padding: 2em;
-        border-bottom: 1px solid #d9dad9;
 
         & > div {
             display: flex;
@@ -147,10 +147,6 @@ export default {
 /* Dark Theme such as luna-amber, luna-blue, luna-green and luna-pink */
 .dark-theme {
     .p-dataview {
-        .car-details {
-            border-bottom-color: #191919;
-        }
-
         .car-detail {
             border-bottom: 1px solid #191919;
         }
diff --git a/src/views/dataview/DataViewDoc.vue b/src/views/dataview/DataViewDoc.vue
old mode 100644
new mode 100755
index ea0dd2815..925b2e462
--- a/src/views/dataview/DataViewDoc.vue
+++ b/src/views/dataview/DataViewDoc.vue
@@ -499,6 +499,7 @@ export default {
 <CodeHighlight lang="css">
 .p-dropdown {
     width: 12em;
+    font-weight: normal;
 }
 
 .p-dataview {
diff --git a/src/views/deferredcontent/DeferredContentDemo.vue b/src/views/deferredcontent/DeferredContentDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/deferredcontent/DeferredContentDoc.vue b/src/views/deferredcontent/DeferredContentDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/dialog/DialogDemo.vue b/src/views/dialog/DialogDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/dialog/DialogDoc.vue b/src/views/dialog/DialogDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/dropdown/DropdownDemo.vue b/src/views/dropdown/DropdownDemo.vue
old mode 100644
new mode 100755
index fce1456ba..0c151c426
--- a/src/views/dropdown/DropdownDemo.vue
+++ b/src/views/dropdown/DropdownDemo.vue
@@ -90,16 +90,15 @@ export default {
     }
 
     span {
-        margin-top: .125em;
+        line-height: 1;
     }
 }
 
 .p-dropdown-car-value {
     justify-content: flex-start;
-}
 
-.p-dropdown-empty-car-token {
-    background: #d95f00;
-    color: #ffffff;
+    img {
+        width: 19px;
+    }
 }
 </style>
diff --git a/src/views/dropdown/DropdownDoc.vue b/src/views/dropdown/DropdownDoc.vue
old mode 100644
new mode 100755
index 5094c3b0e..e5c9c6b42
--- a/src/views/dropdown/DropdownDoc.vue
+++ b/src/views/dropdown/DropdownDoc.vue
@@ -365,17 +365,16 @@ export default {
     }
 
     span {
-        margin-top: .125em;
+        line-height: 1;
     }
 }
 
 .p-dropdown-car-value {
     justify-content: flex-start;
-}
 
-.p-dropdown-empty-car-token {
-    background: #d95f00;
-    color: #ffffff;
+    img {
+        width: 19px;
+    }
 }
 </CodeHighlight>
 			</TabPanel>
diff --git a/src/views/editor/EditorDemo.vue b/src/views/editor/EditorDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/editor/EditorDoc.vue b/src/views/editor/EditorDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/fieldset/FieldsetDemo.vue b/src/views/fieldset/FieldsetDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/fieldset/FieldsetDoc.vue b/src/views/fieldset/FieldsetDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/fileupload/FileUploadDemo.vue b/src/views/fileupload/FileUploadDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/fileupload/FileUploadDoc.vue b/src/views/fileupload/FileUploadDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/flexgrid/FlexGridDemo.vue b/src/views/flexgrid/FlexGridDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/flexgrid/FlexGridDoc.vue b/src/views/flexgrid/FlexGridDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/fullcalendar/FullCalendarDemo.vue b/src/views/fullcalendar/FullCalendarDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/fullcalendar/FullCalendarDoc.vue b/src/views/fullcalendar/FullCalendarDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaBasicDemo.vue b/src/views/galleria/GalleriaBasicDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaCaptionDemo.vue b/src/views/galleria/GalleriaCaptionDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaCircularDemo.vue b/src/views/galleria/GalleriaCircularDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaDemo.vue b/src/views/galleria/GalleriaDemo.vue
old mode 100644
new mode 100755
index 15778fcfe..60ca2aeac
--- a/src/views/galleria/GalleriaDemo.vue
+++ b/src/views/galleria/GalleriaDemo.vue
@@ -190,7 +190,8 @@ export default {
 
                     > button {
                         background-color: transparent;
-                        padding: .1em .4em;
+                        padding: .3em;
+                        margin: .2em;
                         border: 0 none;
                         border-radius: 0;
                         color: #ffffff;
diff --git a/src/views/galleria/GalleriaDoc.vue b/src/views/galleria/GalleriaDoc.vue
old mode 100644
new mode 100755
index 571a5ed3e..01565ba20
--- a/src/views/galleria/GalleriaDoc.vue
+++ b/src/views/galleria/GalleriaDoc.vue
@@ -500,7 +500,8 @@ export default {
 
                     > button {
                         background-color: transparent;
-                        padding: .1em .4em;
+                        padding: .3em;
+                        margin: .2em;
                         border: 0 none;
                         border-radius: 0;
                         color: #ffffff;
diff --git a/src/views/galleria/GalleriaFullScreenDemo.vue b/src/views/galleria/GalleriaFullScreenDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaIndicatorDemo.vue b/src/views/galleria/GalleriaIndicatorDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaPreviewDemo.vue b/src/views/galleria/GalleriaPreviewDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaResponsiveDemo.vue b/src/views/galleria/GalleriaResponsiveDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaSubMenu.vue b/src/views/galleria/GalleriaSubMenu.vue
old mode 100644
new mode 100755
diff --git a/src/views/galleria/GalleriaThumbnailDemo.vue b/src/views/galleria/GalleriaThumbnailDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/icons/Icons.vue b/src/views/icons/Icons.vue
old mode 100644
new mode 100755
diff --git a/src/views/inplace/InplaceDemo.vue b/src/views/inplace/InplaceDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/inplace/InplaceDoc.vue b/src/views/inplace/InplaceDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputgroup/InputGroupDemo.vue b/src/views/inputgroup/InputGroupDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputgroup/InputGroupDoc.vue b/src/views/inputgroup/InputGroupDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputmask/InputMaskDemo.vue b/src/views/inputmask/InputMaskDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputmask/InputMaskDoc.vue b/src/views/inputmask/InputMaskDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputnumber/InputNumberDemo.vue b/src/views/inputnumber/InputNumberDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputnumber/InputNumberDoc.vue b/src/views/inputnumber/InputNumberDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputswitch/InputSwitchDemo.vue b/src/views/inputswitch/InputSwitchDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputswitch/InputSwitchDoc.vue b/src/views/inputswitch/InputSwitchDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputtext/InputTextDemo.vue b/src/views/inputtext/InputTextDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/inputtext/InputTextDoc.vue b/src/views/inputtext/InputTextDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/listbox/ListboxDemo.vue b/src/views/listbox/ListboxDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/listbox/ListboxDoc.vue b/src/views/listbox/ListboxDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/megamenu/MegaMenuDemo.vue b/src/views/megamenu/MegaMenuDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/megamenu/MegaMenuDoc.vue b/src/views/megamenu/MegaMenuDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/menu/MenuDemo.vue b/src/views/menu/MenuDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/menu/MenuDoc.vue b/src/views/menu/MenuDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/menubar/MenubarDemo.vue b/src/views/menubar/MenubarDemo.vue
old mode 100644
new mode 100755
index c870ae7ab..a45a52064
--- a/src/views/menubar/MenubarDemo.vue
+++ b/src/views/menubar/MenubarDemo.vue
@@ -11,7 +11,7 @@
             <Menubar :model="items">
                 <template #end>
                     <InputText placeholder="Search" type="text" />
-                    <Button label="Logout" icon="pi pi-power-off" :style="{'margin-left': '.25em'}"/>
+                    <Button label="Logout" icon="pi pi-power-off" :style="{'margin': '0 .5em'}"/>
                 </template>
             </Menubar>
         </div>
diff --git a/src/views/menubar/MenubarDoc.vue b/src/views/menubar/MenubarDoc.vue
old mode 100644
new mode 100755
index b37b7d48e..6b5fca763
--- a/src/views/menubar/MenubarDoc.vue
+++ b/src/views/menubar/MenubarDoc.vue
@@ -247,7 +247,7 @@ export default {
 &lt;Menubar :model="items"&gt;
     &lt;template #end&gt;
         &lt;InputText placeholder="Search" type="text" /&gt;
-        &lt;Button label="Logout" icon="pi pi-power-off" :style="{'margin-left': '.25em'}"/&gt;
+        &lt;Button label="Logout" icon="pi pi-power-off" :style="{'margin-left': '0 .5em'}"/&gt;
     &lt;/template&gt;
 &lt;/Menubar&gt;
 </template>
diff --git a/src/views/menumodel/MenuModel.vue b/src/views/menumodel/MenuModel.vue
old mode 100644
new mode 100755
diff --git a/src/views/message/MessageDemo.vue b/src/views/message/MessageDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/message/MessageDoc.vue b/src/views/message/MessageDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/multiselect/MultiSelectDemo.vue b/src/views/multiselect/MultiSelectDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/multiselect/MultiSelectDoc.vue b/src/views/multiselect/MultiSelectDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/orderlist/OrderListDemo.vue b/src/views/orderlist/OrderListDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/orderlist/OrderListDoc.vue b/src/views/orderlist/OrderListDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/organizationchart/OrganizationChartDemo.vue b/src/views/organizationchart/OrganizationChartDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/organizationchart/OrganizationChartDoc.vue b/src/views/organizationchart/OrganizationChartDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/overlaypanel/OverlayPanelDemo.vue b/src/views/overlaypanel/OverlayPanelDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/overlaypanel/OverlayPanelDoc.vue b/src/views/overlaypanel/OverlayPanelDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/paginator/PaginatorDemo.vue b/src/views/paginator/PaginatorDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/paginator/PaginatorDoc.vue b/src/views/paginator/PaginatorDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/panel/PanelDemo.vue b/src/views/panel/PanelDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/panel/PanelDoc.vue b/src/views/panel/PanelDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/panelmenu/PanelMenuDemo.vue b/src/views/panelmenu/PanelMenuDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/panelmenu/PanelMenuDoc.vue b/src/views/panelmenu/PanelMenuDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/password/PasswordDemo.vue b/src/views/password/PasswordDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/password/PasswordDoc.vue b/src/views/password/PasswordDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/picklist/PickListDemo.vue b/src/views/picklist/PickListDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/picklist/PickListDoc.vue b/src/views/picklist/PickListDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/progressbar/ProgressBarDemo.vue b/src/views/progressbar/ProgressBarDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/progressbar/ProgressBarDoc.vue b/src/views/progressbar/ProgressBarDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/progressspinner/ProgressSpinnerDemo.vue b/src/views/progressspinner/ProgressSpinnerDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/progressspinner/ProgressSpinnerDoc.vue b/src/views/progressspinner/ProgressSpinnerDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/radiobutton/RadioButtonDemo.vue b/src/views/radiobutton/RadioButtonDemo.vue
old mode 100644
new mode 100755
index 47d4201cb..358bf9775
--- a/src/views/radiobutton/RadioButtonDemo.vue
+++ b/src/views/radiobutton/RadioButtonDemo.vue
@@ -64,8 +64,12 @@ export default {
 </script>
 
 <style scoped>
+.p-col-12 {
+    display: flex;
+    align-items: center;
+}
+
 label {
-    vertical-align: middle;
     margin-left: .5em;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/radiobutton/RadioButtonDoc.vue b/src/views/radiobutton/RadioButtonDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/rating/RatingDemo.vue b/src/views/rating/RatingDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/rating/RatingDoc.vue b/src/views/rating/RatingDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/selectbutton/SelectButtonDemo.vue b/src/views/selectbutton/SelectButtonDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/selectbutton/SelectButtonDoc.vue b/src/views/selectbutton/SelectButtonDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue
old mode 100644
new mode 100755
diff --git a/src/views/sidebar/SidebarDemo.vue b/src/views/sidebar/SidebarDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/sidebar/SidebarDoc.vue b/src/views/sidebar/SidebarDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/slider/SliderDemo.vue b/src/views/slider/SliderDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/slider/SliderDoc.vue b/src/views/slider/SliderDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/spinner/SpinnerDemo.vue b/src/views/spinner/SpinnerDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/spinner/SpinnerDoc.vue b/src/views/spinner/SpinnerDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/splitbutton/SplitButtonDemo.vue b/src/views/splitbutton/SplitButtonDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/splitbutton/SplitButtonDoc.vue b/src/views/splitbutton/SplitButtonDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/steps/StepsDemo.vue b/src/views/steps/StepsDemo.vue
index c85791435..5f71a8e0c 100755
--- a/src/views/steps/StepsDemo.vue
+++ b/src/views/steps/StepsDemo.vue
@@ -8,7 +8,7 @@
         </div>
 
         <div class="content-section implementation">
-            <Steps :model="items" :readonly="true" />
+            <Steps :model="items" :readonly="true" style="margin-bottom: 2em"/>
             <keep-alive>
                 <router-view :formData="formObject" @prevPage="prevPage($event)" @nextPage="nextPage($event)" @complete="complete" />
             </keep-alive>
diff --git a/src/views/steps/StepsDoc.vue b/src/views/steps/StepsDoc.vue
index 09cb05a7d..5d597d3d6 100755
--- a/src/views/steps/StepsDoc.vue
+++ b/src/views/steps/StepsDoc.vue
@@ -125,7 +125,7 @@ export default {
 				</a>
 <CodeHighlight>
 <template v-pre>
-&lt;Steps :model="items" :readonly="true" /&gt;
+&lt;Steps :model="items" :readonly="true"  style="margin-bottom: 1em" /&gt;
 &lt;keep-alive&gt;
     &lt;router-view :formData="formObject" @prevPage="prevPage($event)" @nextPage="nextPage($event)" @complete="complete" /&gt;
 &lt;/keep-alive&gt;
diff --git a/src/views/support/Support.vue b/src/views/support/Support.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabmenu/CalendarDemo.vue b/src/views/tabmenu/CalendarDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabmenu/DocumentationDemo.vue b/src/views/tabmenu/DocumentationDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabmenu/EditDemo.vue b/src/views/tabmenu/EditDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabmenu/HomeDemo.vue b/src/views/tabmenu/HomeDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabmenu/SettingsDemo.vue b/src/views/tabmenu/SettingsDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabmenu/TabMenuDemo.vue b/src/views/tabmenu/TabMenuDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabmenu/TabMenuDoc.vue b/src/views/tabmenu/TabMenuDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabview/TabViewDemo.vue b/src/views/tabview/TabViewDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tabview/TabViewDoc.vue b/src/views/tabview/TabViewDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/terminal/TerminalDemo.vue b/src/views/terminal/TerminalDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/terminal/TerminalDoc.vue b/src/views/terminal/TerminalDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/textarea/TextareaDemo.vue b/src/views/textarea/TextareaDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/textarea/TextareaDoc.vue b/src/views/textarea/TextareaDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/theming/Theming.vue b/src/views/theming/Theming.vue
old mode 100644
new mode 100755
diff --git a/src/views/tieredmenu/TieredMenuDemo.vue b/src/views/tieredmenu/TieredMenuDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tieredmenu/TieredMenuDoc.vue b/src/views/tieredmenu/TieredMenuDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/toast/ToastDemo.vue b/src/views/toast/ToastDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/toast/ToastDoc.vue b/src/views/toast/ToastDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/togglebutton/ToggleButtonDemo.vue b/src/views/togglebutton/ToggleButtonDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/togglebutton/ToggleButtonDoc.vue b/src/views/togglebutton/ToggleButtonDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/toolbar/ToolbarDemo.vue b/src/views/toolbar/ToolbarDemo.vue
old mode 100644
new mode 100755
index 5d42bc2da..6d88a4b4d
--- a/src/views/toolbar/ToolbarDemo.vue
+++ b/src/views/toolbar/ToolbarDemo.vue
@@ -10,15 +10,15 @@
         <div class="content-section implementation">
             <Toolbar>
                 <template slot="left">
-                    <Button label="New" icon="pi pi-plus" style="margin-right: .25em" />
+                    <Button label="New" icon="pi pi-plus" style="margin-right: .5em" />
                     <Button label="Upload" icon="pi pi-upload" class="p-button-success" />
-                    <i class="pi pi-bars p-toolbar-separator" style="margin-right: .25em" />
+                    <i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" />
                     <SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"></SplitButton>
                 </template>
 
                 <template slot="right">
-                    <Button icon="pi pi-search" style="margin-right: .25em" />
-                    <Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .25em" />
+                    <Button icon="pi pi-search" style="margin-right: .5em" />
+                    <Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" />
                     <Button icon="pi pi-times" class="p-button-danger" />
                 </template>
             </Toolbar>
diff --git a/src/views/toolbar/ToolbarDoc.vue b/src/views/toolbar/ToolbarDoc.vue
old mode 100644
new mode 100755
index 23c43fa56..ad87667bd
--- a/src/views/toolbar/ToolbarDoc.vue
+++ b/src/views/toolbar/ToolbarDoc.vue
@@ -12,15 +12,15 @@ import Toolbar from 'primevue/toolbar';
 <CodeHighlight>
 &lt;Toolbar&gt;
 	&lt;template slot="left"&gt;
-		&lt;Button label="New" icon="pi pi-plus" style="margin-right: .25em" /&gt;
+		&lt;Button label="New" icon="pi pi-plus" style="margin-right: .5em" /&gt;
 		&lt;Button label="Upload" icon="pi pi-upload" class="p-button-success" /&gt;
-		&lt;i class="pi pi-bars p-toolbar-separator" style="margin-right: .25em" /&gt;
+		&lt;i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" /&gt;
 		&lt;SplitButton label="Save" icon="pi pi-check" :model="items" class="p-button-warning"&gt;&lt;/SplitButton&gt;
 	&lt;/template&gt;
 
 	&lt;template slot="right"&gt;
-		&lt;Button icon="pi pi-search" style="margin-right: .25em" /&gt;
-		&lt;Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .25em" /&gt;
+		&lt;Button icon="pi pi-search" style="margin-right: .5em" /&gt;
+		&lt;Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" /&gt;
 		&lt;Button icon="pi pi-times" class="p-button-danger" /&gt;
 	&lt;/template&gt;
 &lt;/Toolbar&gt;
@@ -65,15 +65,15 @@ import Toolbar from 'primevue/toolbar';
 <template v-pre>
 &lt;Toolbar&gt;
     &lt;template slot="left"&gt;
-        &lt;Button label="New" icon="pi pi-plus" style="margin-right: .25em" /&gt;
+        &lt;Button label="New" icon="pi pi-plus" style="margin-right: .5em" /&gt;
         &lt;Button label="Upload" icon="pi pi-upload" class="p-button-success" /&gt;
-        &lt;i class="pi pi-bars p-toolbar-separator" style="margin-right: .25em" /&gt;
+        &lt;i class="pi pi-bars p-toolbar-separator" style="margin-right: .5em" /&gt;
         &lt;Button label="Save" icon="pi pi-check" class="p-button-warning" /&gt;
     &lt;/template&gt;
 
     &lt;template slot="right"&gt;
-        &lt;Button icon="pi pi-search" style="margin-right: .25em" /&gt;
-        &lt;Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .25em" /&gt;
+        &lt;Button icon="pi pi-search" style="margin-right: .5em" /&gt;
+        &lt;Button icon="pi pi-calendar" class="p-button-success" style="margin-right: .5em" /&gt;
         &lt;Button icon="pi pi-times" class="p-button-danger" /&gt;
     &lt;/template&gt;
 &lt;/Toolbar&gt;
diff --git a/src/views/tooltip/TooltipDemo.vue b/src/views/tooltip/TooltipDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tooltip/TooltipDoc.vue b/src/views/tooltip/TooltipDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/tree/TreeDemo.vue b/src/views/tree/TreeDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tree/TreeDoc.vue b/src/views/tree/TreeDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/tree/TreeFilterDemo.vue b/src/views/tree/TreeFilterDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tree/TreeLazyDemo.vue b/src/views/tree/TreeLazyDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tree/TreeSelectionDemo.vue b/src/views/tree/TreeSelectionDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tree/TreeSubMenu.vue b/src/views/tree/TreeSubMenu.vue
old mode 100644
new mode 100755
diff --git a/src/views/tree/TreeTemplatingDemo.vue b/src/views/tree/TreeTemplatingDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableColResizeDemo.vue b/src/views/treetable/TreeTableColResizeDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableColToggleDemo.vue b/src/views/treetable/TreeTableColToggleDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableDemo.vue b/src/views/treetable/TreeTableDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableDoc.vue b/src/views/treetable/TreeTableDoc.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableFilterDemo.vue b/src/views/treetable/TreeTableFilterDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableLazyDemo.vue b/src/views/treetable/TreeTableLazyDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTablePaginatorDemo.vue b/src/views/treetable/TreeTablePaginatorDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableResponsiveDemo.vue b/src/views/treetable/TreeTableResponsiveDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableSelectionDemo.vue b/src/views/treetable/TreeTableSelectionDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableSortDemo.vue b/src/views/treetable/TreeTableSortDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableSubMenu.vue b/src/views/treetable/TreeTableSubMenu.vue
old mode 100644
new mode 100755
diff --git a/src/views/treetable/TreeTableTemplatingDemo.vue b/src/views/treetable/TreeTableTemplatingDemo.vue
old mode 100644
new mode 100755
diff --git a/src/views/tristatecheckbox/TriStateCheckboxDemo.vue b/src/views/tristatecheckbox/TriStateCheckboxDemo.vue
old mode 100644
new mode 100755
index a1f85a70c..3a9c47276
--- a/src/views/tristatecheckbox/TriStateCheckboxDemo.vue
+++ b/src/views/tristatecheckbox/TriStateCheckboxDemo.vue
@@ -8,8 +8,13 @@
         </div>
 
         <div class="content-section implementation">
-            <TriStateCheckbox v-model="value" />
-            <p>Value: <span style="font-weight: bold">{{value == null ? 'null' : value}}</span></p>
+            <div class="p-grid">
+                <div class="p-col-12">
+                    <TriStateCheckbox v-model="value" />
+                    <label>{{value == null ? 'null' : value}}</label>
+                </div>
+            </div>
+
         </div>
 
         <TriStateCheckboxDoc/>
@@ -29,4 +34,16 @@ export default {
         'TriStateCheckboxDoc': TriStateCheckboxDoc
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.p-col-12 {
+    display: flex;
+    align-items: center;
+}
+
+label {
+    font-weight: bold;
+    margin-left: .5em;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/tristatecheckbox/TriStateCheckboxDoc.vue b/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
old mode 100644
new mode 100755
index b6365a016..85deacd62
--- a/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
+++ b/src/views/tristatecheckbox/TriStateCheckboxDoc.vue
@@ -124,7 +124,7 @@ import TriStateCheckbox from 'primevue/tristatecheckbox';
 <CodeHighlight>
 <template v-pre>
 &lt;TriStateCheckbox v-model="value" /&gt;
-&lt;p&gt;Value: &lt;span style="font-weight: bold"&gt;{{value == null ? 'null' : value}}&lt;/span&gt;&lt;/p&gt;
+&lt;span &gt;{{value == null ? 'null' : value}}&lt;/span&gt;
 </template>
 </CodeHighlight>