diff --git a/components/Backgrounds.js b/components/Backgrounds.js
index 1220685..bb5d1ca 100644
--- a/components/Backgrounds.js
+++ b/components/Backgrounds.js
@@ -36,7 +36,7 @@ const TrianglifyBasic = () => {
     if (!containerRef.current) return;
 
     const pattern = trianglify({
-      width: 450,
+      width: 400,
       height: 250,
       cellSize: cellSize,
       xColors: palettes[Math.floor(Math.random() * palettes.length)],
diff --git a/styles/styles.scss b/styles/styles.scss
index 5b16ff6..7e11f2c 100644
--- a/styles/styles.scss
+++ b/styles/styles.scss
@@ -589,7 +589,7 @@ header {
 .workshop {
   &-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(400px, 400px));
     justify-content: center;
     // bit of space 
     grid-gap: 80px;