diff --git a/docs/modules/Style-manager.md b/docs/modules/Style-manager.md
index da602ec78..cfa4fdd3f 100644
--- a/docs/modules/Style-manager.md
+++ b/docs/modules/Style-manager.md
@@ -348,7 +348,7 @@ grapesjs.init({
 
 
 
-## Components constraints
+## Component constraints
 
 When you define custom components you can also indicate, via `stylable` and `unstylable` props,  which CSS properties should be available for styling. In that case, the Style Manager will only show the available properties. If the sector doesn't contain any available property, it won't be shown.
 
diff --git a/src/device_manager/config/config.js b/src/device_manager/config/config.js
index 773332587..bdf2e36e6 100644
--- a/src/device_manager/config/config.js
+++ b/src/device_manager/config/config.js
@@ -7,25 +7,25 @@ export default {
     {
       id: 'desktop',
       name: 'Desktop',
-      width: ''
+      width: '',
     },
     {
       id: 'tablet',
       name: 'Tablet',
-      width: '768px',
-      widthMedia: '992px'
+      width: '770px',
+      widthMedia: '992px',
     },
     {
       id: 'mobileLandscape',
       name: 'Mobile landscape',
       width: '568px',
-      widthMedia: '768px'
+      widthMedia: '768px',
     },
     {
       id: 'mobilePortrait',
       name: 'Mobile portrait',
       width: '320px',
-      widthMedia: '480px'
-    }
-  ]
+      widthMedia: '480px',
+    },
+  ],
 };