diff --git a/packages/primevue/src/tieredmenu/TieredMenu.vue b/packages/primevue/src/tieredmenu/TieredMenu.vue
index 69e29da0a..3d9d77e09 100755
--- a/packages/primevue/src/tieredmenu/TieredMenu.vue
+++ b/packages/primevue/src/tieredmenu/TieredMenu.vue
@@ -8,6 +8,7 @@
                 <TieredMenuSub
                     :ref="menubarRef"
                     :id="id + '_list'"
+                    :class="cx('rootList')"
                     :tabindex="!disabled ? tabindex : -1"
                     role="menubar"
                     :aria-label="ariaLabel"
@@ -30,6 +31,7 @@
                     @item-click="onItemClick"
                     @item-mouseenter="onItemMouseEnter"
                     @item-mousemove="onItemMouseMove"
+                    v-bind="ptm('rootList')"
                 />
                 <div v-if="$slots.end" :class="cx('end')" v-bind="ptm('end')">
                     <slot name="end"></slot>
@@ -40,10 +42,10 @@
 </template>
 
 <script>
-import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
-import { focus, findSingle, addStyle, absolutePosition, getOuterWidth, isTouchDevice } from '@primeuix/utils/dom';
-import { isNotEmpty, resolve, isPrintableCharacter, isEmpty, findLastIndex } from '@primeuix/utils/object';
+import { absolutePosition, addStyle, findSingle, focus, getOuterWidth, isTouchDevice } from '@primeuix/utils/dom';
+import { findLastIndex, isEmpty, isNotEmpty, isPrintableCharacter, resolve } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
 import BaseTieredMenu from './BaseTieredMenu.vue';
diff --git a/packages/primevue/src/tieredmenu/TieredMenuSub.vue b/packages/primevue/src/tieredmenu/TieredMenuSub.vue
index 5ca37aea3..882467594 100755
--- a/packages/primevue/src/tieredmenu/TieredMenuSub.vue
+++ b/packages/primevue/src/tieredmenu/TieredMenuSub.vue
@@ -1,6 +1,6 @@
 <template>
     <transition name="p-tieredmenu" @enter="onEnter" v-bind="ptm('menu.transition')">
-        <ul v-if="level === 0 ? true : visible" :ref="containerRef" :class="level === 0 ? cx('rootList') : cx('submenu')" :tabindex="tabindex" v-bind="level === 0 ? ptm('rootList') : ptm('submenu')">
+        <ul v-if="level === 0 ? true : visible" :ref="containerRef" :tabindex="tabindex">
             <template v-for="(processedItem, index) of items" :key="getItemKey(processedItem)">
                 <li
                     v-if="isItemVisible(processedItem) && !getItemProp(processedItem, 'separator')"
@@ -43,6 +43,7 @@
                     <TieredMenuSub
                         v-if="isItemVisible(processedItem) && isItemGroup(processedItem)"
                         :id="getItemId(processedItem) + '_list'"
+                        :class="cx('submenu')"
                         :style="sx('submenu', true, { processedItem })"
                         :aria-labelledby="getItemLabelId(processedItem)"
                         role="menu"
@@ -58,6 +59,7 @@
                         @item-click="$emit('item-click', $event)"
                         @item-mouseenter="$emit('item-mouseenter', $event)"
                         @item-mousemove="$emit('item-mousemove', $event)"
+                        v-bind="ptm('submenu')"
                     />
                 </li>
                 <li