diff --git a/packages/mobile/src/components/lineup-tile/CollectionTile.tsx b/packages/mobile/src/components/lineup-tile/CollectionTile.tsx
index 00ab7d8633e..2e554138e5f 100644
--- a/packages/mobile/src/components/lineup-tile/CollectionTile.tsx
+++ b/packages/mobile/src/components/lineup-tile/CollectionTile.tsx
@@ -268,7 +268,11 @@ const CollectionTileComponent = ({
       user={user}
       variant={variant}
     >
-      <CollectionTileTrackList tracks={tracks} onPress={handlePressTitle} />
+      <CollectionTileTrackList
+        tracks={tracks}
+        onPress={handlePressTitle}
+        isAlbum={is_album}
+      />
     </LineupTile>
   )
 }
diff --git a/packages/mobile/src/components/lineup-tile/CollectionTileTrackList.tsx b/packages/mobile/src/components/lineup-tile/CollectionTileTrackList.tsx
index 8cca9427de6..d1b4eda706b 100644
--- a/packages/mobile/src/components/lineup-tile/CollectionTileTrackList.tsx
+++ b/packages/mobile/src/components/lineup-tile/CollectionTileTrackList.tsx
@@ -13,11 +13,16 @@ const { getUid } = playerSelectors
 // Max number of tracks to display
 const DISPLAY_TRACK_COUNT = 5
 
+const messages = {
+  by: 'by'
+}
+
 type LineupTileTrackListProps = {
   isLoading?: boolean
   onPress: GestureResponderHandler
   trackCount?: number
   tracks: LineupTrack[]
+  isAlbum: boolean
 }
 
 const useStyles = makeStyles(({ palette, spacing, typography }) => ({
@@ -66,9 +71,11 @@ type TrackItemProps = {
   index: number
   track?: LineupTrack
   uid?: UID
+  isAlbum?: boolean
 }
 
-const TrackItem = ({ track, index, showSkeleton, uid }: TrackItemProps) => {
+const TrackItem = (props: TrackItemProps) => {
+  const { showSkeleton, index, track, uid, isAlbum } = props
   const styles = useStyles()
   const isPlayingUid = useSelector(
     (state: CommonState) => getUid(state) === uid
@@ -90,16 +97,18 @@ const TrackItem = ({ track, index, showSkeleton, uid }: TrackItemProps) => {
             >
               {track.title}
             </Text>
-            <Text
-              style={[
-                styles.text,
-                styles.artist,
-                isPlayingUid && styles.active
-              ]}
-              numberOfLines={1}
-            >
-              {`by ${track.user.name}`}
-            </Text>
+            {!isAlbum ? (
+              <Text
+                style={[
+                  styles.text,
+                  styles.artist,
+                  isPlayingUid && styles.active
+                ]}
+                numberOfLines={1}
+              >
+                {`${messages.by} ${track.user.name}`}
+              </Text>
+            ) : null}
           </>
         )}
       </View>
@@ -107,19 +116,15 @@ const TrackItem = ({ track, index, showSkeleton, uid }: TrackItemProps) => {
   )
 }
 
-export const CollectionTileTrackList = ({
-  isLoading,
-  onPress,
-  trackCount,
-  tracks
-}: LineupTileTrackListProps) => {
+export const CollectionTileTrackList = (props: LineupTileTrackListProps) => {
+  const { isLoading, onPress, trackCount, tracks, isAlbum } = props
   const styles = useStyles()
 
   if (!tracks.length && isLoading) {
     return (
       <>
         {range(DISPLAY_TRACK_COUNT).map((i) => (
-          <TrackItem key={i} index={i} showSkeleton />
+          <TrackItem key={i} index={i} showSkeleton isAlbum={isAlbum} />
         ))}
       </>
     )
@@ -133,6 +138,7 @@ export const CollectionTileTrackList = ({
           uid={track.uid}
           index={index}
           track={track}
+          isAlbum={isAlbum}
         />
       ))}
       {trackCount && trackCount > 5 ? (
diff --git a/packages/mobile/src/components/lineup-tile/LineupTile.tsx b/packages/mobile/src/components/lineup-tile/LineupTile.tsx
index 1aedf9081e0..ea30f220ce9 100644
--- a/packages/mobile/src/components/lineup-tile/LineupTile.tsx
+++ b/packages/mobile/src/components/lineup-tile/LineupTile.tsx
@@ -67,6 +67,7 @@ export const LineupTile = ({
   const currentUserId = useSelector(getUserId)
   const isOwner = user_id === currentUserId
   const isCollection = 'playlist_id' in item
+  const isAlbum = 'is_album' in item && item.is_album
   const isTrack = 'track_id' in item
   const contentId = isTrack ? item.track_id : item.playlist_id
   const streamConditions = item.stream_conditions ?? null
@@ -122,6 +123,7 @@ export const LineupTile = ({
           title={title}
           user={user}
           isPlayingUid={isPlayingUid}
+          type={isTrack ? 'track' : isAlbum ? 'album' : 'playlist'}
         />
         {coSign ? <LineupTileCoSign coSign={coSign} /> : null}
         <LineupTileStats
diff --git a/packages/mobile/src/components/lineup-tile/LineupTileMetadata.tsx b/packages/mobile/src/components/lineup-tile/LineupTileMetadata.tsx
index 62df7818f4d..381a4c58def 100644
--- a/packages/mobile/src/components/lineup-tile/LineupTileMetadata.tsx
+++ b/packages/mobile/src/components/lineup-tile/LineupTileMetadata.tsx
@@ -53,6 +53,7 @@ type Props = {
   title: string
   user: User
   isPlayingUid: boolean
+  type: 'track' | 'playlist' | 'album'
 }
 
 export const LineupTileMetadata = ({
@@ -62,7 +63,8 @@ export const LineupTileMetadata = ({
   renderImage,
   title,
   user,
-  isPlayingUid
+  isPlayingUid,
+  type
 }: Props) => {
   const navigation = useNavigation()
   const styles = useStyles()
@@ -90,6 +92,16 @@ export const LineupTileMetadata = ({
         startOpacity={0}
         duration={500}
       >
+        {type !== 'track' ? (
+          <Text
+            variant='label'
+            fontSize='xs'
+            textTransform='uppercase'
+            color='textIconSubdued'
+          >
+            {type}
+          </Text>
+        ) : null}
         <TouchableOpacity style={trackTileStyles.title} onPress={onPressTitle}>
           <Text
             color={isActive ? 'primary' : 'neutral'}
diff --git a/packages/mobile/src/components/lineup-tile/LineupTileStats.tsx b/packages/mobile/src/components/lineup-tile/LineupTileStats.tsx
index 67c0c0c390b..980b076ce62 100644
--- a/packages/mobile/src/components/lineup-tile/LineupTileStats.tsx
+++ b/packages/mobile/src/components/lineup-tile/LineupTileStats.tsx
@@ -164,7 +164,7 @@ export const LineupTileStats = ({
 
   const renderLockedContentOrPlayCount = () => {
     if (streamConditions && !isOwner) {
-      if (isPurchase) {
+      if (isPurchase && isReadonly) {
         return (
           <LineupTileAccessStatus
             contentId={id}
diff --git a/packages/web/src/components/track/desktop/ConnectedPlaylistTile.tsx b/packages/web/src/components/track/desktop/ConnectedPlaylistTile.tsx
index 736eac1db6d..39c6fedd967 100644
--- a/packages/web/src/components/track/desktop/ConnectedPlaylistTile.tsx
+++ b/packages/web/src/components/track/desktop/ConnectedPlaylistTile.tsx
@@ -78,10 +78,6 @@ const {
 const { getCollection, getTracksFromCollection } = cacheCollectionsSelectors
 const getUserHandle = accountSelectors.getUserHandle
 
-const messages = {
-  createdBy: 'Created by'
-}
-
 type OwnProps = {
   uid: UID
   ordered: boolean
@@ -326,7 +322,6 @@ const ConnectedPlaylistTile = ({
 
   const userName = (
     <Text variant='body' ellipses css={{ display: 'inline-flex', gap: 4 }}>
-      <Text color='subdued'>{messages.createdBy}</Text>
       <UserLink
         ellipses
         userId={user_id}
@@ -436,6 +431,7 @@ const ConnectedPlaylistTile = ({
           index={i}
           key={i}
           isLoading={true}
+          isAlbum={isAlbum}
           forceSkeleton
           active={false}
           size={size}
@@ -460,6 +456,7 @@ const ConnectedPlaylistTile = ({
           index={i}
           key={`${track.title}+${i}`}
           isLoading={isLoading}
+          isAlbum={isAlbum}
           active={playingUid === track.uid}
           size={size}
           disableActions={disableActions}
@@ -468,12 +465,14 @@ const ConnectedPlaylistTile = ({
           togglePlay={togglePlay}
           goToRoute={goToRoute}
           artistHandle={handle}
+          isLastTrack={i === tracks.length - 1}
         />
       </Draggable>
     ))
   }, [
     tracks,
     isLoading,
+    isAlbum,
     userHandle,
     playingUid,
     size,
diff --git a/packages/web/src/components/track/desktop/PlaylistTile.tsx b/packages/web/src/components/track/desktop/PlaylistTile.tsx
index 97495df7381..89f0288a492 100644
--- a/packages/web/src/components/track/desktop/PlaylistTile.tsx
+++ b/packages/web/src/components/track/desktop/PlaylistTile.tsx
@@ -126,11 +126,7 @@ const PlaylistTile = ({
           hasStreamAccess={hasStreamAccess}
         />
       </TileTrackContainer>
-      <Box
-        backgroundColor='surface1'
-        borderTop='default'
-        borderBottom='default'
-      >
+      <Box backgroundColor='surface1' borderTop='strong' borderBottom='strong'>
         {renderTracks()}
         {renderMoreTracks()}
       </Box>
diff --git a/packages/web/src/components/track/desktop/TrackListItem.module.css b/packages/web/src/components/track/desktop/TrackListItem.module.css
index 72f881a5d7c..e327658f61b 100644
--- a/packages/web/src/components/track/desktop/TrackListItem.module.css
+++ b/packages/web/src/components/track/desktop/TrackListItem.module.css
@@ -49,6 +49,10 @@
   opacity: 1;
 }
 
+.playlistTrack.lastTrack {
+  border-bottom: none;
+}
+
 .wrapper {
   display: flex;
   align-items: center;
diff --git a/packages/web/src/components/track/desktop/TrackListItem.tsx b/packages/web/src/components/track/desktop/TrackListItem.tsx
index 549e4be1622..568a7eab22e 100644
--- a/packages/web/src/components/track/desktop/TrackListItem.tsx
+++ b/packages/web/src/components/track/desktop/TrackListItem.tsx
@@ -26,6 +26,7 @@ const makeStrings = ({ deleted }: { deleted: boolean }) => ({
 type TrackListItemProps = {
   index: number
   isLoading: boolean
+  isAlbum: boolean
   active: boolean
   size: TrackTileSize
   disableActions: boolean
@@ -35,6 +36,7 @@ type TrackListItemProps = {
   artistHandle: string
   track?: EnhancedCollectionTrack
   forceSkeleton?: boolean
+  isLastTrack?: boolean
 }
 
 const TrackListItem = ({
@@ -47,6 +49,8 @@ const TrackListItem = ({
   goToRoute,
   togglePlay,
   isLoading,
+  isAlbum,
+  isLastTrack,
   forceSkeleton = false
 }: TrackListItemProps) => {
   const menuRef = useRef<HTMLDivElement>(null)
@@ -135,7 +139,8 @@ const TrackListItem = ({
         [styles.deleted]: deleted,
         [styles.active]: active,
         [styles.disabled]: disableActions || deleted,
-        [styles.noBorder]: isLoading
+        [styles.noBorder]: isLoading,
+        [styles.lastTrack]: isLastTrack
       })}
       onClick={onPlayTrack}
     >
@@ -161,16 +166,18 @@ const TrackListItem = ({
             {track.title}
             {strings.deleted}
           </div>
-          <div className={styles.artistName} onClick={onClickArtistName}>
-            <div className={styles.by}>{strings.by}</div>
-            {track.user.is_deactivated ? (
-              `${track.user.name} [Deactivated]`
-            ) : (
-              <ArtistPopover handle={track.user.handle}>
-                {track.user.name}
-              </ArtistPopover>
-            )}
-          </div>
+          {!isAlbum ? (
+            <div className={styles.artistName} onClick={onClickArtistName}>
+              <div className={styles.by}>{strings.by}</div>
+              {track.user.is_deactivated ? (
+                `${track.user.name} [Deactivated]`
+              ) : (
+                <ArtistPopover handle={track.user.handle}>
+                  {track.user.name}
+                </ArtistPopover>
+              )}
+            </div>
+          ) : null}
         </div>
         <div className={styles.duration}>
           {track.duration && formatSeconds(track.duration)}
diff --git a/packages/web/src/components/track/desktop/TrackTile.module.css b/packages/web/src/components/track/desktop/TrackTile.module.css
index 87608b8c4d8..7906e764d94 100644
--- a/packages/web/src/components/track/desktop/TrackTile.module.css
+++ b/packages/web/src/components/track/desktop/TrackTile.module.css
@@ -3,6 +3,7 @@
   position: relative;
   background: var(--harmony-white);
   border: var(--border-width) solid var(--harmony-n-100);
+  border-bottom: 0;
   border-radius: var(--harmony-unit-2) var(--harmony-unit-2) 0px 0px;
   display: inline-flex;
   width: 100%;
@@ -11,6 +12,7 @@
 }
 
 .container.standalone {
+  border: var(--border-width) solid var(--harmony-n-100);
   transform: scale3d(1, 1, 1);
   border-radius: var(--harmony-unit-2);
   box-shadow: 0px 2px 5px var(--tile-shadow-3), 0px 1px 0px var(--tile-shadow-2),
diff --git a/packages/web/src/components/track/mobile/PlaylistTile.module.css b/packages/web/src/components/track/mobile/PlaylistTile.module.css
index 3577bf7f4f9..c3faf82f5c5 100644
--- a/packages/web/src/components/track/mobile/PlaylistTile.module.css
+++ b/packages/web/src/components/track/mobile/PlaylistTile.module.css
@@ -71,11 +71,6 @@
 }
 
 .statItem {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0px 10px;
-  margin-right: 12px;
   transform: scale(1);
   transition: transform 0.07s ease-in-out;
 }
@@ -104,30 +99,6 @@
   top: 0;
 }
 
-.stats {
-  display: flex;
-  flex: 0 0 30px;
-  align-items: center;
-  justify-content: space-between;
-  margin: var(--harmony-unit-2);
-  background-color: var(--harmony-static-white);
-}
-
-.statText {
-  font-weight: var(--harmony-font-medium);
-  font-size: var(--harmony-font-xs);
-  letter-spacing: 0.2px;
-  line-height: 11px;
-  color: var(--harmony-n-400);
-}
-
-.stats svg {
-  width: 14px;
-  height: 14px;
-  position: relative;
-  bottom: 1px;
-}
-
 .albumArtContainer {
   height: 72px;
   margin: 10px 12px 0px 10px;
diff --git a/packages/web/src/components/track/mobile/PlaylistTile.tsx b/packages/web/src/components/track/mobile/PlaylistTile.tsx
index df7ea7f364f..d8defd0e407 100644
--- a/packages/web/src/components/track/mobile/PlaylistTile.tsx
+++ b/packages/web/src/components/track/mobile/PlaylistTile.tsx
@@ -57,6 +57,7 @@ const { getGatedContentStatusMap } = gatedContentSelectors
 type TrackItemProps = {
   index: number
   track?: LineupTrack
+  isAlbum: boolean
   active: boolean
   forceSkeleton?: boolean
 }
@@ -64,25 +65,32 @@ type TrackItemProps = {
 // Max number of track to display in a playlist
 const DISPLAY_TRACK_COUNT = 5
 
+const messages = {
+  by: 'by'
+}
+
 const TrackItem = (props: TrackItemProps) => {
+  const { active, index, isAlbum, track, forceSkeleton } = props
   return (
     <>
       <div className={styles.trackItemDivider}></div>
       <div
         className={cn(styles.trackItem, {
-          [styles.activeTrackItem]: props.active
+          [styles.activeTrackItem]: active
         })}
       >
-        {props.forceSkeleton ? (
+        {forceSkeleton ? (
           <Skeleton width='100%' height='10px' />
-        ) : props.track ? (
+        ) : track ? (
           <>
-            <div className={styles.index}> {props.index + 1} </div>
-            <div className={styles.trackTitle}> {props.track.title} </div>
-            <div className={styles.byArtist}>
-              {' '}
-              {`by ${props.track.user.name}`}{' '}
-            </div>
+            <div className={styles.index}> {index + 1} </div>
+            <div className={styles.trackTitle}> {track.title} </div>
+            {!isAlbum ? (
+              <div className={styles.byArtist}>
+                {' '}
+                {`${messages.by} ${track.user.name}`}{' '}
+              </div>
+            ) : null}
           </>
         ) : null}
       </div>
@@ -95,6 +103,7 @@ type TrackListProps = {
   tracks: LineupTrack[]
   goToCollectionPage: (e: MouseEvent<HTMLElement>) => void
   isLoading?: boolean
+  isAlbum: boolean
   numLoadingSkeletonRows?: number
   trackCount?: number
 }
@@ -104,6 +113,7 @@ const TrackList = ({
   activeTrackUid,
   goToCollectionPage,
   isLoading,
+  isAlbum,
   numLoadingSkeletonRows,
   trackCount
 }: TrackListProps) => {
@@ -111,7 +121,13 @@ const TrackList = ({
     return (
       <Box backgroundColor='surface1'>
         {range(numLoadingSkeletonRows).map((i) => (
-          <TrackItem key={i} active={false} index={i} forceSkeleton />
+          <TrackItem
+            key={i}
+            active={false}
+            index={i}
+            isAlbum={isAlbum}
+            forceSkeleton
+          />
         ))}
       </Box>
     )
@@ -124,6 +140,7 @@ const TrackList = ({
           key={track.uid}
           active={activeTrackUid === track.uid}
           index={index}
+          isAlbum={isAlbum}
           track={track}
         />
       ))}
@@ -214,6 +231,7 @@ const PlaylistTile = (props: PlaylistTileProps & ExtraProps) => {
     isUnlisted,
     playlistTitle,
     isPlaying,
+    isAlbum,
     ownerId,
     isStreamGated,
     hasStreamAccess,
@@ -349,80 +367,89 @@ const PlaylistTile = (props: PlaylistTileProps & ExtraProps) => {
             </UserLink>
           </Flex>
         </div>
-        <div className={cn(styles.stats, styles.statText)}>
-          <RankIcon
-            className={styles.rankIcon}
-            index={index}
-            isVisible={isTrending && shouldShow}
-            showCrown={showRankIcon}
-          />
-          {isReadonly ? specialContentLabel : null}
-          {!!(props.repostCount || props.saveCount) && (
-            <>
-              <div
-                className={cn(styles.statItem, fadeIn, {
-                  [styles.disabledStatItem]: !props.saveCount
-                })}
-                onClick={
-                  props.saveCount && !isReadonly
-                    ? props.makeGoToFavoritesPage(props.id)
-                    : undefined
-                }
+        <Text size='xs' color='subdued'>
+          <Flex m='m' justifyContent='space-between' alignItems='center'>
+            <Flex gap='l'>
+              <RankIcon
+                className={styles.rankIcon}
+                index={index}
+                isVisible={isTrending && shouldShow}
+                showCrown={showRankIcon}
+              />
+              {isReadonly ? specialContentLabel : null}
+              {!!(props.repostCount || props.saveCount) && (
+                <>
+                  <Flex
+                    gap='xs'
+                    alignItems='center'
+                    className={cn(styles.statItem, fadeIn, {
+                      [styles.disabledStatItem]: !props.saveCount
+                    })}
+                    onClick={
+                      props.saveCount && !isReadonly
+                        ? props.makeGoToFavoritesPage(props.id)
+                        : undefined
+                    }
+                  >
+                    <FavoriteButton
+                      iconMode
+                      isDarkMode={props.darkMode}
+                      isMatrixMode={props.isMatrix}
+                      className={styles.favoriteButton}
+                      wrapperClassName={styles.favoriteButtonWrapper}
+                    />
+                    {formatCount(props.saveCount)}
+                  </Flex>
+                  <Flex
+                    gap='xs'
+                    alignItems='center'
+                    className={cn(styles.statItem, fadeIn, {
+                      [styles.disabledStatItem]: !props.repostCount
+                    })}
+                    onClick={
+                      props.repostCount && !isReadonly
+                        ? props.makeGoToRepostsPage(props.id)
+                        : undefined
+                    }
+                  >
+                    <RepostButton
+                      iconMode
+                      isDarkMode={props.darkMode}
+                      isMatrixMode={props.isMatrix}
+                      className={styles.repostButton}
+                      wrapperClassName={styles.repostButtonWrapper}
+                    />
+                    {formatCount(props.repostCount)}
+                  </Flex>
+                </>
+              )}
+            </Flex>
+            {isReadonly ? (
+              <Text
+                variant='body'
+                size='xs'
+                color='staticWhite'
+                className={cn(styles.bottomRight, fadeIn)}
               >
-                {formatCount(props.saveCount)}
-                <FavoriteButton
-                  iconMode
-                  isDarkMode={props.darkMode}
-                  isMatrixMode={props.isMatrix}
-                  className={styles.favoriteButton}
-                  wrapperClassName={styles.favoriteButtonWrapper}
-                />
-              </div>
-              <div
-                className={cn(styles.statItem, fadeIn, {
-                  [styles.disabledStatItem]: !props.repostCount
+                {renderLockedContent({
+                  hasStreamAccess,
+                  isOwner,
+                  isStreamGated,
+                  streamConditions,
+                  gatedTrackStatus: gatedContentStatus,
+                  variant: isPurchase ? 'premium' : 'gated',
+                  onClickGatedUnlockPill
                 })}
-                onClick={
-                  props.repostCount && !isReadonly
-                    ? props.makeGoToRepostsPage(props.id)
-                    : undefined
-                }
-              >
-                {formatCount(props.repostCount)}
-                <RepostButton
-                  iconMode
-                  isDarkMode={props.darkMode}
-                  isMatrixMode={props.isMatrix}
-                  className={styles.repostButton}
-                  wrapperClassName={styles.repostButtonWrapper}
-                />
-              </div>
-            </>
-          )}
-          {isReadonly ? (
-            <Text
-              variant='body'
-              size='xs'
-              color='staticWhite'
-              className={cn(styles.bottomRight, fadeIn)}
-            >
-              {renderLockedContent({
-                hasStreamAccess,
-                isOwner,
-                isStreamGated,
-                streamConditions,
-                gatedTrackStatus: gatedContentStatus,
-                variant: isPurchase ? 'premium' : 'gated',
-                onClickGatedUnlockPill
-              })}
-            </Text>
-          ) : null}
-        </div>
+              </Text>
+            ) : null}
+          </Flex>
+        </Text>
         <TrackList
           activeTrackUid={props.activeTrackUid}
           goToCollectionPage={props.goToCollectionPage}
           tracks={props.tracks}
           isLoading={showSkeleton}
+          isAlbum={isAlbum}
           numLoadingSkeletonRows={numLoadingSkeletonRows}
           trackCount={trackCount}
         />