diff --git a/apps/photos/src/components/Collections/CollectionListBar/CollectionCard.tsx b/apps/photos/src/components/Collections/CollectionListBar/CollectionCard.tsx
index beaea9633..d234df6ed 100644
--- a/apps/photos/src/components/Collections/CollectionListBar/CollectionCard.tsx
+++ b/apps/photos/src/components/Collections/CollectionListBar/CollectionCard.tsx
@@ -69,4 +69,4 @@ function CollectionCardIcon({ collectionType }) {
     );
 }
 
-export default React.memo(CollectionListBarCard);
+export default CollectionListBarCard;
diff --git a/apps/photos/src/components/Collections/CollectionListBar/index.tsx b/apps/photos/src/components/Collections/CollectionListBar/index.tsx
index 61667ba1a..a31ecfffc 100644
--- a/apps/photos/src/components/Collections/CollectionListBar/index.tsx
+++ b/apps/photos/src/components/Collections/CollectionListBar/index.tsx
@@ -1,5 +1,5 @@
 import ScrollButton from 'components/Collections/CollectionListBar/ScrollButton';
-import React, { memo, useContext, useEffect } from 'react';
+import React, { useContext, useEffect } from 'react';
 import { ALL_SECTION, COLLECTION_SORT_BY } from 'constants/collection';
 import { Box, IconButton, Typography } from '@mui/material';
 import {
@@ -178,4 +178,4 @@ const CollectionListBar = (props: IProps) => {
     );
 };
 
-export default memo(CollectionListBar);
+export default CollectionListBar;