diff --git a/resources/views/accounts/customize_design.blade.php b/resources/views/accounts/customize_design.blade.php
index 80108eabb2ee..44777ba317b1 100644
--- a/resources/views/accounts/customize_design.blade.php
+++ b/resources/views/accounts/customize_design.blade.php
@@ -184,7 +184,7 @@
             <li role="presentation"><a href="#footer" aria-controls="footer" role="tab" data-toggle="tab">{{ trans('texts.footer') }}</a></li>
         </ul>
     </div>
-    <div id="jsoneditor" style="width: 550px; height: 743px;"></div>
+    <div id="jsoneditor" style="width: 100%; height: 743px;"></div>
     <p>&nbsp;</p>
 
     <div>