diff --git a/src/components/panel/Panel.vue b/src/components/panel/Panel.vue
index 36701c296..5fefd0226 100755
--- a/src/components/panel/Panel.vue
+++ b/src/components/panel/Panel.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="p-panel p-component">
+    <div :class="containerClass">
         <div class="p-panel-titlebar">
             <slot name="header">
                 <span class="p-panel-title" v-if="header" :id="ariaId + '_header'">{{header}}</span>
@@ -41,6 +41,9 @@ export default {
     computed: {
         ariaId() {
             return UniqueComponentId();
+        },
+        containerClass() {
+            return ['p-panel p-component', {'p-panel-toggleable': this.toggleable}];
         }
     },
     methods: {