diff --git a/cdm.css b/cdm.css
index d93e165e2..86b71e49a 100644
--- a/cdm.css
+++ b/cdm.css
@@ -202,6 +202,12 @@ div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
 	font-size : 11px;
 }
 
+div.cdm .hlFeed a {
+	border-radius : 4px;
+	display : inline-block;
+	padding : 1px 4px 1px 4px;
+}
+
 div.cdmContentInner p {
 	max-width : 650px;
 }
diff --git a/classes/feeds.php b/classes/feeds.php
index 586714a9b..5ca607c58 100644
--- a/classes/feeds.php
+++ b/classes/feeds.php
@@ -409,23 +409,6 @@ class Feeds extends Handler_Protected {
 					if (!isset($rgba_cache[$feed_id])) {
 						$rgba_cache[$feed_id] = join(",", _color_unpack($fav_color));
 					}
-
-					$rgba = $rgba_cache[$feed_id];
-
-					if (sql_bool_to_bool($line["unread"]))
-						$endalpha = '0.3';
-					else
-						$endalpha = '0.1';
-
-					// W3C definition seems to work in FF and Chrome
-					$row_background = "background-image : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba($rgba, $endalpha) 100%);";
-
-					/* $row_background = "background-image : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 50%, rgba($rgba, 0.2) 100%);".
-						"background-image : linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba($rgba, 0.2) 100%);";
-						"background-image : -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255,255,255,0)),
-							color-stop(100%, rgba($rgba, 0.2)));"; */
-				} else {
-					$row_background = "";
 				}
 
 				if (!get_pref('COMBINED_DISPLAY_MODE')) {
@@ -451,7 +434,7 @@ class Feeds extends Handler_Protected {
 					$mouseover_attrs = "onmouseover='postMouseIn(event, $id)'
 						onmouseout='postMouseOut($id)'";
 
-					$reply['content'] .= "<div class='hl $class' id='RROW-$id' $mouseover_attrs style='$row_background'>";
+					$reply['content'] .= "<div class='hl $class' id='RROW-$id' $mouseover_attrs>";
 
 					$reply['content'] .= "<div class='hlLeft'>";
 
@@ -487,14 +470,14 @@ class Feeds extends Handler_Protected {
 
 					if (!get_pref('VFEED_GROUP_BY_FEED')) {
 						if (@$line["feed_title"]) {
-							$reply['content'] .= "<div class=\"hlFeed\">
-								<a href=\"#\" onclick=\"viewfeed($feed_id)\">".
-								truncate_string($line["feed_title"],30)."</a>
-							</div>";
+							$rgba = @$rgba_cache[$feed_id];
+
+							$reply['content'] .= "<a class=\"hlFeed\" style=\"background : rgba($rgba, 0.3)\" href=\"#\" onclick=\"viewfeed($feed_id)\">".
+								truncate_string($line["feed_title"],30)."</a>";
 						}
 					}
 
-					$reply['content'] .= "<span title='$date_entered_fmt'>$updated_fmt</span>
+					$reply['content'] .= "<div title='$date_entered_fmt'>$updated_fmt</div>
 						</span>";
 
 					$reply['content'] .= "<div class=\"hlRight\">";
@@ -597,8 +580,11 @@ class Feeds extends Handler_Protected {
 
 					if (!get_pref('VFEED_GROUP_BY_FEED')) {
 						if (@$line["feed_title"]) {
+							$rgba = @$rgba_cache[$feed_id];
+
 							$reply['content'] .= "<div class=\"hlFeed\">
-								<a href=\"#\" onclick=\"viewfeed($feed_id)\">".
+								<a href=\"#\" style=\"background-color: rgba($rgba,0.3)\"
+								onclick=\"viewfeed($feed_id)\">".
 								truncate_string($line["feed_title"],30)."</a>
 							</div>";
 						}
diff --git a/tt-rss.css b/tt-rss.css
index b33e3f63a..a9b03fe39 100644
--- a/tt-rss.css
+++ b/tt-rss.css
@@ -407,15 +407,21 @@ div.postHeader div {
 	display : none;
 }
 
-div.hlFeed, div.hlFeed a {
-	font-size : 10px;
-	color : gray;
+a.hlFeed {
+	display : block;
+	white-space : nowrap;
+	font-size : 9px;
 	font-style : italic;
 	font-weight : normal;
-	white-space: nowrap;
+	border-radius : 4px;
+	display : inline-block;
+	padding : 1px 2px 1px 2px;
+	margin-bottom : 2px;
+	margin-top : 2px;
+	color : gray;
 }
 
-div.hlFeed a:hover {
+a.hlFeed:hover {
 	color : #4684ff;
 }
 
@@ -725,7 +731,6 @@ span.hlUpdated {
 	vertical-align : middle;
 	text-align : right;
 	font-size : 10px;
-	font-weight : normal;
 }
 
 div.hlLeft {