diff --git a/tools/sidekick/library.html b/tools/sidekick/library.html
index 5ba2b470..42e539c7 100644
--- a/tools/sidekick/library.html
+++ b/tools/sidekick/library.html
@@ -34,6 +34,34 @@
const library = document.createElement('sidekick-library')
library.config = {
base: '/block-library/library.json',
+ plugins: {
+ blocks: {
+ viewPorts: [
+ {
+ width: '375px',
+ label: 'Phone',
+ icon: 'device-phone',
+ },
+ {
+ width: '744px',
+ label: 'Tablet',
+ icon: 'device-tablet',
+ },
+ {
+ width: '1200px',
+ label: 'Desktop 1200',
+ icon: 'device-desktop',
+ default: true,
+ },
+ {
+ width: '1440px',
+ label: 'Desktop 1440',
+ icon: 'device-desktop',
+ default: true,
+ },
+ ],
+ }
+ }
}
document.body.prepend(library)