diff --git a/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx b/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx
index 06f0cbd9..ba6ff77b 100644
--- a/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx
+++ b/src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx
@@ -57,13 +57,16 @@ export const VirtualGridWrapper = ({
   itemData,
   route,
   onScroll,
+  height,
+  width,
   ...rest
-}: Omit<FixedSizeListProps, 'ref' | 'itemSize' | 'children'> & {
+}: Omit<FixedSizeListProps, 'ref' | 'itemSize' | 'children' | 'height' | 'width'> & {
   cardRows: CardRow<Album | AlbumArtist | Artist>[];
   columnCount: number;
   display: ListDisplayType;
   handleFavorite?: (options: { id: string[]; isFavorite: boolean; itemType: LibraryItem }) => void;
   handlePlayQueueAdd?: (options: PlayQueueAddOptions) => void;
+  height?: number;
   itemData: any[];
   itemGap: number;
   itemHeight: number;
@@ -72,6 +75,7 @@ export const VirtualGridWrapper = ({
   refInstance: Ref<any>;
   route?: CardRoute;
   rowCount: number;
+  width?: number;
 }) => {
   const memoizedItemData = createItemData(
     cardRows,
@@ -94,11 +98,13 @@ export const VirtualGridWrapper = ({
     <FixedSizeList
       ref={refInstance}
       {...rest}
+      height={(height && Number(height)) || 0}
       initialScrollOffset={initialScrollOffset}
       itemCount={rowCount}
       itemData={memoizedItemData}
       itemSize={itemHeight}
       overscanCount={5}
+      width={(width && Number(width)) || 0}
       onScroll={memoizedOnScroll}
     >
       {GridCard}
diff --git a/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx b/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
index c554ef05..b9611a13 100644
--- a/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
+++ b/src/renderer/components/virtual-grid/virtual-infinite-grid.tsx
@@ -21,18 +21,21 @@ export type VirtualInfiniteGridRef = {
   setItemData: (data: any[]) => void;
 };
 
-interface VirtualGridProps extends Omit<FixedSizeListProps, 'children' | 'itemSize'> {
+interface VirtualGridProps
+  extends Omit<FixedSizeListProps, 'children' | 'itemSize' | 'height' | 'width'> {
   cardRows: CardRow<any>[];
   display?: ListDisplayType;
   fetchFn: (options: { columnCount: number; skip: number; take: number }) => Promise<any>;
   handleFavorite?: (options: { id: string[]; isFavorite: boolean; itemType: LibraryItem }) => void;
   handlePlayQueueAdd?: (options: PlayQueueAddOptions) => void;
+  height?: number;
   itemGap: number;
   itemSize: number;
   itemType: LibraryItem;
   loading?: boolean;
   minimumBatchSize?: number;
   route?: CardRoute;
+  width?: number;
 }
 
 export const VirtualInfiniteGrid = forwardRef(
diff --git a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
index f2c9c6d6..c5aef80a 100644
--- a/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
+++ b/src/renderer/features/sidebar/components/sidebar-playlist-list.tsx
@@ -143,7 +143,7 @@ export const SidebarPlaylistList = ({ data }: SidebarPlaylistListProps) => {
       h="100%"
       {...hideScrollbarElementProps}
     >
-      <AutoSizer onResize={(e) => setRect(e)}>
+      <AutoSizer onResize={(e) => setRect(e as { height: number; width: number })}>
         {() => (
           <FixedSizeList
             className={isScrollbarHidden ? 'hide-scrollbar overlay-scrollbar' : 'overlay-scrollbar'}