diff --git a/app/views/articles/show.html.erb b/app/views/articles/show.html.erb
index 059962661..5cec4c74c 100644
--- a/app/views/articles/show.html.erb
+++ b/app/views/articles/show.html.erb
@@ -129,7 +129,7 @@
           <% end %>
           <h1 class="fs-3xl s:fs-4xl l:fs-5xl fw-bold s:fw-heavy lh-tight mb-4 <%= @article.title_length_classification %>">
             <% if @article.search_optimized_title_preamble.present? && !user_signed_in? %>
-              <span class="article-title-preamble"><%= @article.search_optimized_title_preamble %></span>
+              <span class="fs-xl color-base-70 block"><%= @article.search_optimized_title_preamble %></span>
             <% end %>
             <%= sanitize_and_decode @article.title %>
           </h1>
diff --git a/spec/requests/stories_show_spec.rb b/spec/requests/stories_show_spec.rb
index d536e96ce..7f1c5005c 100644
--- a/spec/requests/stories_show_spec.rb
+++ b/spec/requests/stories_show_spec.rb
@@ -54,19 +54,19 @@ RSpec.describe "StoriesShow", type: :request do
     it "renders title preamble with search_optimized_title_preamble if set and not signed in" do
       article.update_column(:search_optimized_title_preamble, "Hey this is a test")
       get article.reload.path
-      expect(response.body).to include "<span class=\"article-title-preamble\">Hey this is a test</span>"
+      expect(response.body).to include "<span class=\"fs-xl color-base-70 block\">Hey this is a test</span>"
     end
 
     it "does not render preamble with search_optimized_title_preamble if set and signed in" do
       sign_in user
       article.update_column(:search_optimized_title_preamble, "Hey this is a test")
       get article.path
-      expect(response.body).not_to include "<span class=\"article-title-preamble\">Hey this is a test</span>"
+      expect(response.body).not_to include "<span class=\"fs-xl color-base-70 block\">Hey this is a test</span>"
     end
 
     it "does not render title tag with search_optimized_title_preamble not signed in but search_optimized_title_preamble not set" do
       get article.path
-      expect(response.body).not_to include "<span class=\"article-title-preamble\">Hey this is a test</span>"
+      expect(response.body).not_to include "<span class=\"fs-xl color-base-70 block\">Hey this is a test</span>"
     end
 
     it "renders user payment pointer if set" do