diff --git a/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.d.ts b/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.d.ts
index b2fba3919..dc87b7dfd 100755
--- a/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.d.ts
+++ b/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.d.ts
@@ -60,6 +60,11 @@ export interface DataViewLayoutOptionsPassThroughOptions {
      * @see {@link SelectButtonPassThroughOptions}
      */
     root?: SelectButtonPassThroughOptions<DataViewLayoutOptionsSharedPassThroughMethodOptions>;
+    /**
+     * Used to pass attributes to the root's DOM element.
+     * @see {@link SelectButtonPassThroughOptions}
+     */
+    selectbutton?: SelectButtonPassThroughOptions<DataViewLayoutOptionsSharedPassThroughMethodOptions>;
     /**
      * Used to pass attributes to the list icon's DOM element.
      */
diff --git a/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue b/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue
index 7f5cd4547..6c8ad6554 100755
--- a/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue
+++ b/components/lib/dataviewlayoutoptions/DataViewLayoutOptions.vue
@@ -1,5 +1,5 @@
 <template>
-    <SelectButton :class="cx('root')" :modelValue="modelValue" :options="options" :allowEmpty="false" :unstyled="unstyled" :pt="ptm('selectbutton')" @update:modelValue="changeLayout">
+    <SelectButton :class="cx('root')" :modelValue="modelValue" :options="options" :allowEmpty="false" :unstyled="unstyled" :pt="{ ...ptm('selectbutton'), ...ptm('root') }" @update:modelValue="changeLayout">
         <template #option="{ option }">
             <slot v-if="option === 'list'" name="listicon">
                 <BarsIcon v-bind="ptm('listIcon')" />