diff --git a/components/lib/dock/style/DockStyle.js b/components/lib/dock/style/DockStyle.js
index f0f56678b..a98315265 100644
--- a/components/lib/dock/style/DockStyle.js
+++ b/components/lib/dock/style/DockStyle.js
@@ -17,9 +17,9 @@ const classes = {
             'p-disabled': instance.disabled(processedItem)
         }
     ],
-    content: 'p-menuitem-content',
-    action: 'p-dock-link',
-    icon: 'p-dock-icon'
+    content: 'p-dock-item-content',
+    action: 'p-dock-item-link',
+    icon: 'p-dock-item-icon'
 };
 
 export default BaseStyle.extend({
diff --git a/components/lib/themes/primeone/base/dock/index.js b/components/lib/themes/primeone/base/dock/index.js
index 9bc78760b..d3ea3311b 100644
--- a/components/lib/themes/primeone/base/dock/index.js
+++ b/components/lib/themes/primeone/base/dock/index.js
@@ -35,12 +35,12 @@ export default {
     border-radius: 6px;
 }
 
-p-dock-item.p-focus {
+.p-dock-item.p-focus {
     outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')};
     outline-offset: ${dt('focus.ring.offset')};
 }
 
-.p-dock-link {
+.p-dock-item-link {
     display: flex;
     flex-direction: column;
     align-items: center;
diff --git a/doc/dock/AdvancedDoc.vue b/doc/dock/AdvancedDoc.vue
index ba07b9cc3..0bc8cb335 100644
--- a/doc/dock/AdvancedDoc.vue
+++ b/doc/dock/AdvancedDoc.vue
@@ -21,7 +21,7 @@
         <div class="dock-window dock-advanced">
             <Dock :model="items">
                 <template #item="{ item }">
-                    <a v-tooltip.top="item.label" href="#" class="p-dock-link" @click="onDockItemClick($event, item)">
+                    <a v-tooltip.top="item.label" href="#" class="p-dock-item-link" @click="onDockItemClick($event, item)">
                         <img :alt="item.label" :src="item.icon" style="width: 100%" />
                     </a>
                 </template>
@@ -246,7 +246,7 @@ export default {
                 basic: `
 <Dock :model="items">
     <template #item="{ item }">
-        <a v-tooltip.top="item.label" href="#" class="p-dock-link" @click="onDockItemClick($event, item)">
+        <a v-tooltip.top="item.label" href="#" class="p-dock-item-link" @click="onDockItemClick($event, item)">
             <img :alt="item.label" :src="item.icon" style="width: 100%" />
         </a>
     </template>
@@ -273,7 +273,7 @@ export default {
         <div class="dock-window dock-advanced">
             <Dock :model="items">
                 <template #item="{ item }">
-                    <a v-tooltip.top="item.label" href="#" class="p-dock-link" @click="onDockItemClick($event, item)">
+                    <a v-tooltip.top="item.label" href="#" class="p-dock-item-link" @click="onDockItemClick($event, item)">
                         <img :alt="item.label" :src="item.icon" style="width: 100%" />
                     </a>
                 </template>
@@ -578,7 +578,7 @@ export default {
             <div class="dock-window dock-advanced">
                 <Dock :model="items">
                     <template #item="{ item }">
-                        <a v-tooltip.top="item.label" href="#" class="p-dock-link" @click="onDockItemClick($event, item)">
+                        <a v-tooltip.top="item.label" href="#" class="p-dock-item-link" @click="onDockItemClick($event, item)">
                             <img :alt="item.label" :src="item.icon" style="width: 100%" />
                         </a>
                     </template>