diff --git a/lighthouse-core/report/html/report-styles.css b/lighthouse-core/report/html/report-styles.css
index 0a5a5d34541d..a7ce94d902e3 100644
--- a/lighthouse-core/report/html/report-styles.css
+++ b/lighthouse-core/report/html/report-styles.css
@@ -611,7 +611,6 @@
/* Filmstrip */
.lh-filmstrip-container {
- padding: 0 var(--expandable-indent);
/* smaller gap between metrics and filmstrip */
margin: -8px auto 0 auto;
}
@@ -637,10 +636,14 @@
@media screen and (max-width: 750px) {
.lh-filmstrip {
flex-wrap: wrap;
- justify-content: left;
}
.lh-filmstrip__frame {
- margin: calc(var(--default-padding) / 3);
+ width: 20%;
+ margin-bottom: 5px;
+ }
+ .lh-filmstrip__thumbnail {
+ display: block;
+ margin: auto;
}
}