diff --git a/docs-src/components/Home/index.vue b/docs-src/components/Home/index.vue
index dca58a0..7ecd71a 100644
--- a/docs-src/components/Home/index.vue
+++ b/docs-src/components/Home/index.vue
@@ -19,8 +19,7 @@ export default {
   methods: {
     showPanel1() {
       vueSlideoutPanelService.show({
-          // openOn: 'left',
-          // width: 500,
+          width: '500px',
           component: 'panel-1',
           props: {
             name: this.example1Form.name
diff --git a/src/components/SlideoutPanel/index.vue b/src/components/SlideoutPanel/index.vue
index 596a40d..de12c26 100644
--- a/src/components/SlideoutPanel/index.vue
+++ b/src/components/SlideoutPanel/index.vue
@@ -54,6 +54,7 @@ const vm = {
 
       if (!panel.width) panel.styles.width = '900px';
       else if (!panel.width.endsWith || !panel.width.endsWith('px')) panel.styles.width = `${panel.width}px`;
+      else panel.styles.width = panel.width;
 
       this.panels.push(panel);