diff --git a/components/lib/dock/BaseDock.vue b/components/lib/dock/BaseDock.vue
index cd3509452..ae34d5460 100644
--- a/components/lib/dock/BaseDock.vue
+++ b/components/lib/dock/BaseDock.vue
@@ -111,7 +111,7 @@ const styles = `
 `;
 
 const classes = {
-    root: ({ props }) => ['p-dock p-component', `p-dock-${props.position}`, props.class],
+    root: ({ props }) => ['p-dock p-component', `p-dock-${props.position}`],
     container: 'p-dock-list-container',
     menu: 'p-dock-list',
     menuitem: ({ instance, processedItem, index, id }) => [
diff --git a/components/lib/dock/Dock.vue b/components/lib/dock/Dock.vue
index 9bad3baef..a2d400f4e 100644
--- a/components/lib/dock/Dock.vue
+++ b/components/lib/dock/Dock.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" :style="style" v-bind="ptm('root')" data-pc-name="dock">
+    <div :class="containerClass" :style="style" v-bind="ptm('root')" data-pc-name="dock">
         <DockSub
             :model="model"
             :templates="$slots"
@@ -23,6 +23,11 @@ import DockSub from './DockSub.vue';
 export default {
     name: 'Dock',
     extends: BaseDock,
+    computed: {
+        containerClass() {
+            return [this.class, cx('root')];
+        }
+    },
     components: {
         DockSub
     }