diff --git a/app/views/articles/_single_story.html.erb b/app/views/articles/_single_story.html.erb
index ec071d366..cf5569bb3 100644
--- a/app/views/articles/_single_story.html.erb
+++ b/app/views/articles/_single_story.html.erb
@@ -5,7 +5,8 @@
<% end %>
<% if featured == true || (feed_style_preference == "rich" && story.main_image.present?) %>
+ style="background-color: <%= story.main_image_background_hex_color %>; background-image: url(<%= cloud_cover_url(story.main_image) %>);"
+ class="crayons-story__cover crayons-story__cover__image">
<%= story.title %>
<% end %>
diff --git a/spec/requests/stories_index_spec.rb b/spec/requests/stories_index_spec.rb
index 54bf19258..c3a58fcc5 100644
--- a/spec/requests/stories_index_spec.rb
+++ b/spec/requests/stories_index_spec.rb
@@ -150,7 +150,7 @@ RSpec.describe "StoriesIndex", type: :request do
allow(SiteConfig).to receive(:feed_style).and_return("basic")
get "/"
- expect(response.body.scan(/(?=class="crayons-story__cover__image)/).count).to be 1
+ expect(response.body.scan(/(?=class="crayons-story__cover crayons-story__cover__image)/).count).to be 1
end
it "shows multiple cover images if rich feed style" do
@@ -158,7 +158,7 @@ RSpec.describe "StoriesIndex", type: :request do
allow(SiteConfig).to receive(:feed_style).and_return("rich")
get "/"
- expect(response.body.scan(/(?=class="crayons-story__cover__image)/).count).to be > 1
+ expect(response.body.scan(/(?=class="crayons-story__cover crayons-story__cover__image)/).count).to be > 1
end
context "with campaign hero" do