diff --git a/web/src/lib/stores/assets.store.ts b/web/src/lib/stores/assets.store.ts
index 7aabb6fcbf..cf321fc516 100644
--- a/web/src/lib/stores/assets.store.ts
+++ b/web/src/lib/stores/assets.store.ts
@@ -465,7 +465,7 @@ export class AssetStore {
     const viewportWidth = this.viewport.width;
     if (!bucket.isBucketHeightActual) {
       const unwrappedWidth = (3 / 2) * bucket.bucketCount * THUMBNAIL_HEIGHT * (7 / 10);
-      const rows = Math.ceil(unwrappedWidth / viewPortWidth);
+      const rows = Math.ceil(unwrappedWidth / viewportWidth);
       const height = 51 + rows * THUMBNAIL_HEIGHT;
       bucket.bucketHeight = height;
     }
@@ -474,12 +474,12 @@ export class AssetStore {
       spacing: 2,
       heightTolerance: 0.15,
       rowHeight: 235,
-      rowWidth: Math.floor(viewPortWidth),
+      rowWidth: Math.floor(viewportWidth),
     };
     for (const assetGroup of bucket.dateGroups) {
       if (!assetGroup.heightActual) {
         const unwrappedWidth = (3 / 2) * assetGroup.assets.length * THUMBNAIL_HEIGHT * (7 / 10);
-        const rows = Math.ceil(unwrappedWidth / viewPortWidth);
+        const rows = Math.ceil(unwrappedWidth / viewportWidth);
         const height = rows * THUMBNAIL_HEIGHT;
         assetGroup.height = height;
       }