diff --git a/src/views/panel/PanelDemo.vue b/src/views/panel/PanelDemo.vue
index a1b6acd64..38af7041e 100755
--- a/src/views/panel/PanelDemo.vue
+++ b/src/views/panel/PanelDemo.vue
@@ -19,7 +19,7 @@
             <h5>Advanced</h5>
             <Panel header="Header" :toggleable="true">
                 <template #icons>
-                    <button class="p-panel-header-icon p-link" @click="toggle">
+                    <button class="p-panel-header-icon p-link p-mr-2" @click="toggle">
                         <span class="pi pi-cog"></span>
                     </button>
                     <Menu id="config_menu" ref="menu" :model="items" :popup="true" />
@@ -40,6 +40,7 @@ import PanelDoc from './PanelDoc';
 export default {
     data() {
         return {
+            collapsed: true,
             items: [
                 {
                     label: 'Options',
diff --git a/src/views/panel/PanelDoc.vue b/src/views/panel/PanelDoc.vue
index dcda096dd..ebaccb72e 100755
--- a/src/views/panel/PanelDoc.vue
+++ b/src/views/panel/PanelDoc.vue
@@ -63,7 +63,7 @@ import Panel from 'primevue/panel';
 &lt;h5&gt;Advanced&lt;/h5&gt;
 &lt;Panel header="Header"&gt;
     &lt;template #icons&gt;
-        &lt;button class="p-panel-header-icon p-link" @click="toggle"&gt;
+        &lt;button class="p-panel-header-icon p-link p-mr-2" @click="toggle"&gt;
             &lt;span class="pi pi-cog"&gt;&lt;/span&gt;
         &lt;/button&gt;
         &lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;
@@ -189,7 +189,7 @@ import Panel from 'primevue/panel';
 &lt;h5&gt;Advanced&lt;/h5&gt;
 &lt;Panel header="Header" :toggleable="true"&gt;
     &lt;template #icons&gt;
-        &lt;button class="p-panel-header-icon p-link" @click="toggle"&gt;
+        &lt;button class="p-panel-header-icon p-link p-mr-2" @click="toggle"&gt;
             &lt;span class="pi pi-cog"&gt;&lt;/span&gt;
         &lt;/button&gt;
         &lt;Menu id="config_menu" ref="menu" :model="items" :popup="true" /&gt;