diff --git a/components/doc/dialog/theming/styleddoc.js b/components/doc/dialog/theming/styleddoc.js
index 379242eb0e..a505b64293 100644
--- a/components/doc/dialog/theming/styleddoc.js
+++ b/components/doc/dialog/theming/styleddoc.js
@@ -20,7 +20,7 @@ export function StyledDoc(props) {
                             <td>Container element.</td>
                         </tr>
                         <tr>
-                            <td>p-dialog-titlebar</td>
+                            <td>p-dialog-header</td>
                             <td>Container of header.</td>
                         </tr>
                         <tr>
@@ -28,13 +28,17 @@ export function StyledDoc(props) {
                             <td>Header element.</td>
                         </tr>
                         <tr>
-                            <td>p-dialog-titlebar-icon</td>
+                            <td>p-dialog-header-icons</td>
                             <td>Icon container inside header.</td>
                         </tr>
                         <tr>
-                            <td>p-dialog-titlebar-close</td>
+                            <td>p-dialog-header-close</td>
                             <td>Close icon element.</td>
                         </tr>
+                        <tr>
+                            <td>p-dialog-header-maximize</td>
+                            <td>Maximize icon element.</td>
+                        </tr>
                         <tr>
                             <td>p-dialog-content</td>
                             <td>Content element</td>
diff --git a/components/doc/panel/theming/styleddoc.js b/components/doc/panel/theming/styleddoc.js
index e889852744..9cf0b7e263 100644
--- a/components/doc/panel/theming/styleddoc.js
+++ b/components/doc/panel/theming/styleddoc.js
@@ -20,7 +20,7 @@ export function StyledDoc(props) {
                             <td>Container element.</td>
                         </tr>
                         <tr>
-                            <td>p-panel-titlebar</td>
+                            <td>p-panel-header</td>
                             <td>Header section.</td>
                         </tr>
                         <tr>
@@ -28,7 +28,7 @@ export function StyledDoc(props) {
                             <td>Title text of panel.</td>
                         </tr>
                         <tr>
-                            <td>p-panel-titlebar-toggler</td>
+                            <td>p-panel-toggler</td>
                             <td>Toggle icon.</td>
                         </tr>
                         <tr>