From 5e8dd82c38836417b09cde2d893a71d037e7a1d9 Mon Sep 17 00:00:00 2001
From: Madelena Mak <madelena+github@outlook.com>
Date: Fri, 5 Jul 2024 11:24:17 -0400
Subject: [PATCH] Finetune animation for integrations (#33578)

---
 sass/homeassistant/pages/_component_page.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/sass/homeassistant/pages/_component_page.scss b/sass/homeassistant/pages/_component_page.scss
index a72c316feb4..073e559ff42 100644
--- a/sass/homeassistant/pages/_component_page.scss
+++ b/sass/homeassistant/pages/_component_page.scss
@@ -61,7 +61,6 @@
     align-content: center;
     transition: box-shadow .33s;
 
-
     .img-container {
       height: 64px;
       margin: 12px 16px;
@@ -128,11 +127,13 @@ a.option-card:hover {
 
 @for $i from 1 through 40 {
   .option-card:nth-child(#{$i}) {
-    animation-delay: #{$i * 0.04}s !important;
+    animation-delay: #{$i * 0.025}s !important;
+    @media only screen and (max-width: $palm-end) {
+      animation-delay: #{$i * 0.05}s !important;
+    }
   }
 }
 
-
 @media only screen and (max-width: $palm-end) {
   .hass-option-cards {
     .option-card {