diff --git a/app/views/alt_styles/_alt_style.html.haml b/app/views/alt_styles/_alt_style.html.haml
index af12ea5dd..4fef22462 100644
--- a/app/views/alt_styles/_alt_style.html.haml
+++ b/app/views/alt_styles/_alt_style.html.haml
@@ -1,4 +1,4 @@
-%li.alt-style
+%li
= link_to alt_style.preview_image_url do
- = image_tag alt_style.thumbnail_url, class: 'alt-style-thumbnail'
- .alt-style-name= alt_style.name
\ No newline at end of file
+ = image_tag alt_style.preview_image_url, class: "preview", loading: "lazy"
+ .name= alt_style.name
\ No newline at end of file
diff --git a/app/views/alt_styles/index.html.haml b/app/views/alt_styles/index.html.haml
index 7af6826b6..f6ae2bce5 100644
--- a/app/views/alt_styles/index.html.haml
+++ b/app/views/alt_styles/index.html.haml
@@ -26,7 +26,8 @@
- @alt_styles.group_by(&:species).each do |species, species_styles|
%h2.alt-styles-header= species.human_name
- %ul.alt-styles-list= render partial: "alt_style", collection: species_styles
+ %ul.rainbow-pool-list
+ = render partial: "alt_style", collection: species_styles
- content_for :stylesheets do
= stylesheet_link_tag "application/rainbow-pool"