From c75f107e2e74554f309aaabe4eacca0d40583c5b Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Mon, 3 Jan 2022 11:48:16 +0100
Subject: [PATCH] Update tablet width

---
 docs/modules/Style-manager.md       |  2 +-
 src/device_manager/config/config.js | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

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',
+    },
+  ],
 };