diff --git a/ui/app/components/flex-masonry.js b/ui/app/components/flex-masonry.js
index afd9075b5..14760e6f7 100644
--- a/ui/app/components/flex-masonry.js
+++ b/ui/app/components/flex-masonry.js
@@ -48,7 +48,7 @@ export default class FlexMasonry extends Component {
           dc.style.order = index;
         });
 
-      // Gaurantee column wrapping as predicted (if the first item of a column is shorter than the difference
+      // Guarantee column wrapping as predicted (if the first item of a column is shorter than the difference
       // beteen the height of the column and the previous column, then flexbox will naturally place the first
       // item at the end of the previous column).
       columns.forEach((column, index) => {
diff --git a/ui/app/templates/components/flex-masonry.hbs b/ui/app/templates/components/flex-masonry.hbs
index 6d75f09f8..8019f0dfc 100644
--- a/ui/app/templates/components/flex-masonry.hbs
+++ b/ui/app/templates/components/flex-masonry.hbs
@@ -2,7 +2,8 @@
   class="flex-masonry {{if @withSpacing "with-spacing"}} flex-masonry-columns-{{@columns}}"
   {{did-insert this.captureElement}}
   {{did-insert this.reflow}}
-  {{did-update this.reflow}}>
+  {{did-update this.reflow}}
+  {{window-resize this.reflow}}>
   {{#each @items as |item|}}
     <div class="flex-masonry-item">
       {{yield item (action this.reflow)}}