diff --git a/frontend/src/lib/components/Playlist/Playlist.tsx b/frontend/src/lib/components/Playlist/Playlist.tsx
index 42acac30276b0..4fc7b754cd781 100644
--- a/frontend/src/lib/components/Playlist/Playlist.tsx
+++ b/frontend/src/lib/components/Playlist/Playlist.tsx
@@ -284,12 +284,13 @@ export function ListSection<
 }): JSX.Element {
     return (
         <>
-            {items.length &&
-                items.map((item) => (
-                    <div key={item.id} className="border-b" onClick={() => onClick(item)}>
-                        {render({ item, isActive: item.id === activeItemId })}
-                    </div>
-                ))}
+            {items.length > 0
+                ? items.map((item) => (
+                      <div key={item.id} className="border-b" onClick={() => onClick(item)}>
+                          {render({ item, isActive: item.id === activeItemId })}
+                      </div>
+                  ))
+                : null}
             {footer}
         </>
     )
diff --git a/frontend/src/scenes/session-recordings/playlist/SessionRecordingsPlaylist.tsx b/frontend/src/scenes/session-recordings/playlist/SessionRecordingsPlaylist.tsx
index 01a34e228013c..e304bd196ab93 100644
--- a/frontend/src/scenes/session-recordings/playlist/SessionRecordingsPlaylist.tsx
+++ b/frontend/src/scenes/session-recordings/playlist/SessionRecordingsPlaylist.tsx
@@ -125,16 +125,18 @@ export function SessionRecordingsPlaylist(props: SessionRecordingPlaylistLogicPr
             />
         ),
         footer: (
-            <div className="m-4 h-10 flex items-center justify-center gap-2 text-muted-alt">
-                {sessionRecordingsResponseLoading ? (
-                    <>
-                        <Spinner textColored /> Loading older recordings
-                    </>
-                ) : hasNext ? (
-                    <LemonButton onClick={() => maybeLoadSessionRecordings('older')}>Load more</LemonButton>
-                ) : (
-                    'No more results'
-                )}
+            <div className="p-4">
+                <div className="h-10 flex items-center justify-center gap-2 text-muted-alt">
+                    {sessionRecordingsResponseLoading ? (
+                        <>
+                            <Spinner textColored /> Loading older recordings
+                        </>
+                    ) : hasNext ? (
+                        <LemonButton onClick={() => maybeLoadSessionRecordings('older')}>Load more</LemonButton>
+                    ) : (
+                        'No more results'
+                    )}
+                </div>
             </div>
         ),
     })