diff --git a/apps/nextjs/src/styles/gridstack.scss b/apps/nextjs/src/styles/gridstack.scss
index ae572061a..a58e3e620 100644
--- a/apps/nextjs/src/styles/gridstack.scss
+++ b/apps/nextjs/src/styles/gridstack.scss
@@ -17,6 +17,12 @@
   }
 }
 
+// Define min size for gridstack items
+.grid-stack > .grid-stack-item {
+  min-width: calc(100% / var(--gridstack-column-count));
+  min-height: calc(1px * var(--gridstack-widget-width));
+}
+
 // Styling for grid-stack main area
 @for $i from 1 to 96 {
   .grid-stack > .grid-stack-item[gs-w="#{$i}"] {
@@ -54,10 +60,6 @@
   }
 }
 
-.grid-stack > .grid-stack-item {
-  min-width: #{var(--gridstack-widget-width)};
-}
-
 // Styling for sidebar grid-stack elements
 @for $i from 1 to 96 {
   .grid-stack.grid-stack-sidebar > .grid-stack-item[gs-w="#{$i}"] {