fix: recently modified grid

Author: rpenido

src/library-authoring/LibraryRecentlyModified.tsx

@@ -48,15 +48,7 @@ const RecentlyModified: React.FC<{ libraryId: string }> = ({ libraryId }) => {
         title={intl.formatMessage(messages.recentlyModifiedTitle)}
         contentCount={componentCount}
       >
-        <CardGrid
-          columnSizes={{
-            sm: 12,
-            md: 6,
-            lg: 4,
-            xl: 3,
-          }}
-          hasEqualColumnHeights
-        >
+        <div className="library-cards-grid">
           {recentItems.map((contentHit) => (
             contentHit.type === 'collection' ? (
               <CollectionCard
@@ -71,7 +63,7 @@ const RecentlyModified: React.FC<{ libraryId: string }> = ({ libraryId }) => {
               />
             )
           ))}
-        </CardGrid>
+        </div>
       </LibrarySection>
     )
     : null;