diff --git a/frontent/ops_vue_js/src/components/MyOffcanvas.vue b/frontent/ops_vue_js/src/components/MyOffcanvas.vue
index 045e825..9251a1b 100644
--- a/frontent/ops_vue_js/src/components/MyOffcanvas.vue
+++ b/frontent/ops_vue_js/src/components/MyOffcanvas.vue
@@ -54,8 +54,8 @@ defineExpose({
   right: 0;
   left: 0;
 
-  margin-left: 20px;
-  margin-right: 20px;
+  margin-left: 20%;
+  margin-right: 20%;
   margin-top: 20px;
 
   max-height: 100%;