fix: use gap var

100mslive · Oct 30, 2024 · 04c1ab6 · 04c1ab6
1 parent cba7664
commit 04c1ab6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/roomkit-react/src/Prebuilt/components/hooks/useTileLayout.tsx b/packages/roomkit-react/src/Prebuilt/components/hooks/useTileLayout.tsx
@@ -118,8 +118,8 @@ export const useTileLayout = ({
         // Beam layout breaks at 480p resolution because the gap of $4 between tiles is not accounted for
         // There could be more such cases, this is a generic fix
         for (let i = 0; i < row.length; i++) {
-          row[i].width = tileWidth - (8 / maxCols) * (maxCols - 1);
-          row[i].height = tileHeight - (8 / maxRows) * (maxRows - 1);
+          row[i].width = tileWidth - (gap / maxCols) * (maxCols - 1);
+          row[i].height = tileHeight - (gap / maxRows) * (maxRows - 1);
         }
       }
     }