diff --git a/src/js/components/AlbumGrid.js b/src/js/components/AlbumGrid.js
index d5c8e417..b3e4b93b 100755
--- a/src/js/components/AlbumGrid.js
+++ b/src/js/components/AlbumGrid.js
@@ -29,7 +29,9 @@ class AlbumGrid extends React.Component{
 	render(){
 		if( this.props.albums ){
 			var className = "grid album-grid"
-			if( this.props.className ) className += ' '+this.props.className
+			if (this.props.className) className += ' '+this.props.className
+			if (this.props.single_row) className += ' single-row'
+				
 			return (
 				<div className={className}>
 					{
diff --git a/src/js/components/ArtistGrid.js b/src/js/components/ArtistGrid.js
index a4057415..e9146316 100755
--- a/src/js/components/ArtistGrid.js
+++ b/src/js/components/ArtistGrid.js
@@ -30,7 +30,9 @@ class ArtistGrid extends React.Component{
 	render(){
 		if( this.props.artists ){
 			var className = "grid artist-grid"
-			if( this.props.className ) className += ' '+this.props.className
+			if (this.props.className) className += ' '+this.props.className
+			if (this.props.single_row) className += ' single-row'
+				
 			return (
 				<div className={className}>
 					{
diff --git a/src/js/components/PlaylistGrid.js b/src/js/components/PlaylistGrid.js
index 880b5ae4..a82f594c 100755
--- a/src/js/components/PlaylistGrid.js
+++ b/src/js/components/PlaylistGrid.js
@@ -30,7 +30,8 @@ class PlaylistGrid extends React.Component{
 		if( !this.props.playlists ) return null
 
 		var className = "grid playlist-grid"
-		if( this.props.className ) className += ' '+this.props.className
+		if (this.props.className) className += ' '+this.props.className
+		if (this.props.single_row) className += ' single-row'
 		return (
 			<div className={className}>
 				{
diff --git a/src/js/views/Search.js b/src/js/views/Search.js
index f3a08c52..401b7683 100755
--- a/src/js/views/Search.js
+++ b/src/js/views/Search.js
@@ -146,7 +146,7 @@ class Search extends React.Component{
 						<section>
 							<div className="inner">
 								<h4>Artists</h4>
-								<ArtistGrid show_source_icon artists={artists.slice(0,5)} />
+								<ArtistGrid show_source_icon single_row artists={artists.slice(0,5)} />
 							</div>
 						</section>
 					)
@@ -159,7 +159,7 @@ class Search extends React.Component{
 						<section>
 							<div className="inner">
 								<h4>Albums</h4>
-								<AlbumGrid show_source_icon albums={albums.slice(0,5)} />
+								<AlbumGrid show_source_icon single_row albums={albums.slice(0,5)} />
 							</div>
 						</section>
 					)
@@ -172,7 +172,7 @@ class Search extends React.Component{
 						<section>
 							<div className="inner">
 								<h4>Playlists</h4>
-								<PlaylistGrid show_source_icon playlists={playlists.slice(0,5)} />
+								<PlaylistGrid show_source_icon single_row playlists={playlists.slice(0,5)} />
 							</div>
 						</section>
 					)
diff --git a/src/js/views/discover/DiscoverRecommendations.js b/src/js/views/discover/DiscoverRecommendations.js
index 801e4448..6c348953 100755
--- a/src/js/views/discover/DiscoverRecommendations.js
+++ b/src/js/views/discover/DiscoverRecommendations.js
@@ -209,11 +209,11 @@ class Discover extends React.Component{
 			<div className="content-wrapper recommendations-results">
 				<section>
 					<h4>Artists</h4>
-					<ArtistGrid artists={artists} />
+					<ArtistGrid single_row artists={artists} />
 				</section>
 				<section>
 					<h4>Albums</h4>
-					<AlbumGrid albums={albums} />
+					<AlbumGrid single_row albums={albums} />
 				</section>
 				<section>
 					<h4>Tracks</h4>
diff --git a/src/scss/components/_grid.scss b/src/scss/components/_grid.scss
index b6d7ea15..33c72d22 100755
--- a/src/scss/components/_grid.scss
+++ b/src/scss/components/_grid.scss
@@ -77,12 +77,22 @@
 		&.mini {
 			.grid-item {
 				@include grid_item( 3 )
-			}			
+			}
+			&.single-row {
+				.grid-item:nth-child(1n+4){
+					display: none;
+				}
+			}		
 		}
 		&:not(.mini){
 			.grid-item {
 				@include grid_item( 5 )
 			}
+			&.single-row {
+				.grid-item:nth-child(1n+6){
+					display: none;
+				}
+			}
 		}
 	}
 
@@ -90,12 +100,22 @@
 		&.mini {
 			.grid-item {
 				@include grid_item( 2 )
-			}			
+			}	
+			&.single-row {
+				.grid-item:nth-child(1n+3){
+					display: none;
+				}
+			}		
 		}
 		&:not(.mini){
 			.grid-item {
 				@include grid_item( 4 )
 			}	
+			&.single-row {
+				.grid-item:nth-child(1n+5){
+					display: none;
+				}
+			}
 		}
 	}
 
@@ -104,11 +124,21 @@
 			.grid-item {
 				@include grid_item( 2 )
 			}			
+			&.single-row {
+				.grid-item:nth-child(1n+3){
+					display: none;
+				}
+			}
 		}
 		&:not(.mini){
 			.grid-item {
 				@include grid_item( 4 )
 			}	
+			&.single-row {
+				.grid-item:nth-child(1n+5){
+					display: none;
+				}
+			}
 		}
 	}
 
@@ -117,11 +147,21 @@
 			.grid-item {
 				@include grid_item( 6, 2%, 4% )
 			}	
+			&.single-row {
+				.grid-item:nth-child(1n+7){
+					display: none;
+				}
+			}
 		}
 		&:not(.mini){
 			.grid-item {
 				@include grid_item( 3, 2%, 4% )
 			}	
+			&.single-row {
+				.grid-item:nth-child(1n+4){
+					display: none;
+				}
+			}
 		}
 	}
 
@@ -130,11 +170,21 @@
 			.grid-item {
 				@include grid_item( 3, 2%, 4% )
 			}	
+			&.single-row {
+				.grid-item:nth-child(1n+4){
+					display: none;
+				}
+			}
 		}
 		&:not(.mini){
 			.grid-item {
 				@include grid_item( 2, 2%, 4% )
 			}	
+			&.single-row {
+				.grid-item:nth-child(1n+3){
+					display: none;
+				}
+			}
 		}
 	}
 }