diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index ba05ffabc..be1464ad3 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -2168,7 +2168,7 @@
   color: #FFB300;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   background: #191919;
@@ -2176,10 +2176,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #888888;
@@ -2187,16 +2187,16 @@
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #dedede;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #ffe8b3;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index b3873bb28..10a834905 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -2168,7 +2168,7 @@
   color: #1ea04c;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   background: #191919;
@@ -2176,10 +2176,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #888888;
@@ -2187,16 +2187,16 @@
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #dedede;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #88e9aa;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index a882e7f6d..bfec04097 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -2168,7 +2168,7 @@
   color: #cc285c;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #191919;
   padding: 0.857rem 1rem;
   background: #191919;
@@ -2176,10 +2176,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #888888;
@@ -2187,16 +2187,16 @@
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #dedede;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #f1b6c8;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index 4f3f2f0ae..b5cb92afa 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -2168,7 +2168,7 @@
   color: #333333;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #007ad9;
   padding: 0.857rem 1rem;
   background: #007ad9;
@@ -2176,10 +2176,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #ffffff;
@@ -2187,16 +2187,16 @@
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #5ab7ff;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 993bc5c93..8079145fe 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -2168,7 +2168,7 @@
   color: #333333;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #333333;
   padding: 0.857rem 1rem;
   background: #333333;
@@ -2176,10 +2176,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #ffffff;
@@ -2187,16 +2187,16 @@
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #b4b4b4;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 6955d21e9..ac5ddd8f0 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -2168,7 +2168,7 @@
   color: #333333;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #c8c8c8;
   padding: 0.857rem 1rem;
   background: #f4f4f4;
@@ -2176,10 +2176,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #848484;
@@ -2187,16 +2187,16 @@
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #333333;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #c2e9d8;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 546101371..8575d704f 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -2168,7 +2168,7 @@
   color: #333333;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #c8c8c8;
   padding: 0.857rem 1rem;
   background: #f4f4f4;
@@ -2176,10 +2176,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #848484;
@@ -2187,16 +2187,16 @@
   border-radius: 3px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #333333;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #8dcdff;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index e71cdb6d6..cc3d1ec52 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -2168,7 +2168,7 @@
   color: #ffffff;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #7B95A3;
   padding: 0.857rem 1rem;
   background: #7B95A3;
@@ -2176,10 +2176,10 @@
   border-top-right-radius: 2px;
   border-top-left-radius: 2px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 700;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: auto;
   height: auto;
   color: #ffffff;
@@ -2187,16 +2187,16 @@
   border-radius: 2px;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ffffff;
   background: transparent;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #e4e9ec;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.857rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 16454d6bb..6c7f09bd5 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -2185,7 +2185,7 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #BBDEFB;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index 01d45abce..cff7eb64b 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -2185,7 +2185,7 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #B2EBF2;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index 60d8a8ba0..ce1f85d0e 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -2185,7 +2185,7 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #D1C4E9;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 4c53ac482..715193e0b 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -2185,7 +2185,7 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #C8E6C9;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index 28462a36f..f38d653c0 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -2185,7 +2185,7 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #C5CAE9;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 60793bdae..43ca22126 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -2185,7 +2185,7 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #FFECB3;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 2a0622d4f..ed4b9bf88 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -2185,7 +2185,7 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #E1BEE7;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 3c6eff661..33025f29f 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -2185,7 +2185,7 @@
   color: #495057;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #dee2e6;
   padding: 1rem;
   background: #f8f9fa;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #9ba2aa;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #9ba2aa;
   background: #e9ecef;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.2rem #B2DFDB;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 8af0355e2..3881d0bf1 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -2185,7 +2185,7 @@
   color: #ebedef;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #2C3E50;
   padding: 1rem;
   background: #1C2833;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.1rem #BBDEFB;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index 3f70a98aa..93d5bed09 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -2185,7 +2185,7 @@
   color: #ebedef;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #2C3E50;
   padding: 1rem;
   background: #1C2833;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.1rem #B2EBF2;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index bb821e8b2..13dbcf637 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -2185,7 +2185,7 @@
   color: #ebedef;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #2C3E50;
   padding: 1rem;
   background: #1C2833;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.1rem #D1C4E9;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 8c6512887..914318dae 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -2185,7 +2185,7 @@
   color: #ebedef;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #2C3E50;
   padding: 1rem;
   background: #1C2833;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.1rem #C8E6C9;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index d04aa2f5e..61f0f0039 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -2185,7 +2185,7 @@
   color: #ebedef;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #2C3E50;
   padding: 1rem;
   background: #1C2833;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.1rem #C5CAE9;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 146ea9d88..dbacb5268 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -2185,7 +2185,7 @@
   color: #ebedef;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #2C3E50;
   padding: 1rem;
   background: #1C2833;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.1rem #FFECB3;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 37c0aaeff..3d7205b19 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -2185,7 +2185,7 @@
   color: #ebedef;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #2C3E50;
   padding: 1rem;
   background: #1C2833;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.1rem #E1BEE7;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index 8a7e983e5..668ff2935 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -2185,7 +2185,7 @@
   color: #ebedef;
 }
 
-.p-panel .p-panel-titlebar {
+.p-panel .p-panel-header {
   border: 1px solid #2C3E50;
   padding: 1rem;
   background: #1C2833;
@@ -2193,10 +2193,10 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
-.p-panel .p-panel-titlebar .p-panel-title {
+.p-panel .p-panel-header .p-panel-title {
   font-weight: 600;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon {
+.p-panel .p-panel-header .p-panel-header-icon {
   width: 2rem;
   height: 2rem;
   color: #aeb6bf;
@@ -2204,16 +2204,16 @@
   border-radius: 50%;
   transition: background-color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:hover {
+.p-panel .p-panel-header .p-panel-header-icon:hover {
   color: #ebedef;
   background: rgba(255, 255, 255, 0.1);
 }
-.p-panel .p-panel-titlebar .p-panel-titlebar-icon:focus {
+.p-panel .p-panel-header .p-panel-header-icon:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 0.1rem #B2DFDB;
 }
-.p-panel.p-panel-toggleable .p-panel-titlebar {
+.p-panel.p-panel-toggleable .p-panel-header {
   padding: 0.5rem 1rem;
 }
 .p-panel .p-panel-content {
diff --git a/src/components/panel/Panel.vue b/src/components/panel/Panel.vue
index b194e7807..d28f82b33 100755
--- a/src/components/panel/Panel.vue
+++ b/src/components/panel/Panel.vue
@@ -1,12 +1,12 @@
 <template>
     <div :class="containerClass">
-        <div class="p-panel-titlebar">
+        <div class="p-panel-header">
             <slot name="header">
                 <span class="p-panel-title" v-if="header" :id="ariaId + '_header'">{{header}}</span>
             </slot>
             <div class="p-panel-icons">
                  <slot name="icons"></slot>
-                <a v-if="toggleable" tabindex="0" class="p-panel-titlebar-icon p-panel-titlebar-toggler" @click="toggle" @keydown.enter="toggle"
+                <a v-if="toggleable" tabindex="0" class="p-panel-header-icon p-panel-toggler" @click="toggle" @keydown.enter="toggle"
                     :id="ariaId +  '_header'" :aria-controls="ariaId + '_content'" :aria-expanded="!d_collapsed">
                     <span :class="{'pi pi-minus': !d_collapsed, 'pi pi-plus': d_collapsed}"></span>
                 </a>
@@ -63,7 +63,7 @@ export default {
 </script>
 
 <style>
-.p-panel-titlebar {
+.p-panel-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -73,7 +73,7 @@ export default {
     line-height: 1;
 }
 
-.p-panel-titlebar-icon {
+.p-panel-header-icon {
     display: inline-flex;
     justify-content: center;
     align-items: center;
diff --git a/src/views/panel/PanelDemo.vue b/src/views/panel/PanelDemo.vue
index 25971835e..d275b2955 100755
--- a/src/views/panel/PanelDemo.vue
+++ b/src/views/panel/PanelDemo.vue
@@ -19,7 +19,7 @@
             <h3>Advanced</h3>
             <Panel header="Godfather I" :toggleable="true">
                 <template #icons>
-                    <a tabindex="0" class="p-panel-titlebar-icon" @click="toggle">
+                    <a tabindex="0" class="p-panel-header-icon" @click="toggle">
                         <span class="pi pi-cog"></span>
                     </a>
                     <Menu id="config_menu" ref="menu" :model="items" :popup="true" />
diff --git a/src/views/panel/PanelDoc.vue b/src/views/panel/PanelDoc.vue
index cc89014e3..b7ec458b7 100755
--- a/src/views/panel/PanelDoc.vue
+++ b/src/views/panel/PanelDoc.vue
@@ -57,13 +57,13 @@ import Panel from 'primevue/panel';
 </CodeHighlight>
 
                 <h3>Custom Icons</h3>
-                <p>Additional icons can be placed at the header section of the panel using the special <i>icons</i> slot. For a unified look, it is suggest to add <i>.p-panel-titlebar-icon</i>
+                <p>Additional icons can be placed at the header section of the panel using the special <i>icons</i> slot. For a unified look, it is suggest to add <i>.p-panel-header-icon</i>
                 class to your icons.</p>
 <CodeHighlight>
 &lt;h3&gt;Advanced&lt;/h3&gt;
 &lt;Panel header="Godfather I"&gt;
     &lt;template #icons&gt;
-        &lt;a tabindex="0" class="p-panel-titlebar-icon" @click="toggle"&gt;
+        &lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt;
             &lt;span class="pi pi-cog"&gt;&lt;/span&gt;
         &lt;/a&gt;
         &lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;
@@ -144,7 +144,7 @@ import Panel from 'primevue/panel';
                                 <td>Container element.</td>
                             </tr>
                             <tr>
-                                <td>p-panel-titlebar</td>
+                                <td>p-panel-header</td>
                                 <td>Header section.</td>
                             </tr>
                             <tr>
@@ -152,7 +152,11 @@ import Panel from 'primevue/panel';
                                 <td>Title text of panel.</td>
                             </tr>
                             <tr>
-                                <td>p-panel-titlebar-toggler</td>
+                                <td>p-panel-header-icon</td>
+                                <td>Action icons inside header.</td>
+                            </tr>
+                            <tr>
+                                <td>p-panel-toggler</td>
                                 <td>Toggle icon.</td>
                             </tr>
                             <tr>
@@ -185,7 +189,7 @@ import Panel from 'primevue/panel';
 &lt;h3&gt;Advanced&lt;/h3&gt;
 &lt;Panel header="Godfather I" :toggleable="true"&gt;
     &lt;template #icons&gt;
-        &lt;a tabindex="0" class="p-panel-titlebar-icon" @click="toggle"&gt;
+        &lt;a tabindex="0" class="p-panel-header-icon" @click="toggle"&gt;
             &lt;span class="pi pi-cog"&gt;&lt;/span&gt;
         &lt;/a&gt;
         &lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;