diff --git a/media/css/reader.css b/media/css/reader.css
index 7b64b74f5..84de52984 100644
--- a/media/css/reader.css
+++ b/media/css/reader.css
@@ -2023,17 +2023,30 @@ a img {
     margin-top: 24px;
 }
 #story_titles .NB-story-grid {
-    margin: 4% 0 0 4%;
+    margin: 3% 0 0 3%;
     border: 1px solid rgba(0, 0, 0, .2);
     position: relative;
     float: left;
     width: 42%;
-    height: 400px;
+    height: 340px;
     padding: 0;
+    border-radius: 2px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
+.NB-narrow-content #story_titles .NB-story-grid {
+    width: 44%;
+}
+.NB-extra-narrow-content #story_titles .NB-story-grid {
+    width: 94%;
+}
+.NB-wide-content #story_titles .NB-story-grid {
+    width: 29%;
+}
+.NB-extra-wide-content #story_titles .NB-story-grid {
+    width: 21%;
+}
 .NB-view-river #story_titles .NB-story-grid {
     padding-left: 0;
     border: 1px solid rgba(0, 0, 0, .2);
@@ -2049,7 +2062,7 @@ a img {
 
 #story_titles .NB-story-grid .NB-storytitles-content {
     position: relative;
-    margin: 12px 8px 8px 30px;
+    margin: 12px 24px 8px 30px;
     height: 100%;
     z-index: 0;
 }
@@ -2072,7 +2085,7 @@ a img {
 }
 #story_titles .NB-story-grid .NB-storytitles-story-image {
     width: 100%;
-    height: 216px;
+    height: 186px;
     background-size: cover;
     background-position: 50% 50%;
     -webkit-box-sizing: border-box;
@@ -2100,7 +2113,7 @@ a img {
     height: auto;
     -webkit-line-clamp: inherit;
     font-size: 12px;
-    line-height: 1.35em;
+    line-height: 1.44em;
 }
 #story_titles .NB-story-grid.read .NB-storytitles-content-preview {
     color: #D6D6DE;
diff --git a/media/js/newsblur/reader/reader.js b/media/js/newsblur/reader/reader.js
index 2d65da8c5..35191206f 100644
--- a/media/js/newsblur/reader/reader.js
+++ b/media/js/newsblur/reader/reader.js
@@ -221,15 +221,20 @@
                 center = NEWSBLUR.reader.layout.rightLayout.panes.center;
             }
             if (center) {
-                var narrow = center.width() < 780;
+                var center_width = center.width();
+                var narrow = center_width < 780;
                 if (NEWSBLUR.assets.preference('story_button_placement') == "bottom") {
                     narrow = true;
                 }
                 $windows.toggleClass('NB-narrow-content', narrow);
-                var extranarrow = center.width() < 580;
+                var extranarrow = center_width < 580;
                 $windows.toggleClass('NB-extra-narrow-content', extranarrow);
+                var wide = center_width > 860;
+                $windows.toggleClass('NB-wide-content', wide);
+                var extrawide = center_width > 1180;
+                $windows.toggleClass('NB-extra-wide-content', extrawide);
                 this.flags.narrow_content = !!narrow;
-                content_width = center.width() + (west ? west.width() : 0);
+                content_width = center_width + (west ? west.width() : 0);
             }
             
             if ((north && north.width() < 640) ||