From f6b754b1b96042e04972e5c93c5f5d56f3b4a18d Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Tue, 22 Feb 2022 15:28:20 -0500
Subject: [PATCH] Changing funnel-header component styling from height to
 padding to avoid jumping on animations

---
 src/common-components/funnel-header/funnel-header.vue | 2 +-
 src/styles/common-animations.scss                     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/common-components/funnel-header/funnel-header.vue b/src/common-components/funnel-header/funnel-header.vue
index 86cb76197..382640219 100644
--- a/src/common-components/funnel-header/funnel-header.vue
+++ b/src/common-components/funnel-header/funnel-header.vue
@@ -60,7 +60,7 @@ export default {
 
 <style lang="scss" scoped>
 .funnel-header {
-  height: 56px;
+  padding: 0.97rem 0;
 }
 
 .logo-image {
diff --git a/src/styles/common-animations.scss b/src/styles/common-animations.scss
index 91eea7db6..5af3326b8 100644
--- a/src/styles/common-animations.scss
+++ b/src/styles/common-animations.scss
@@ -1,6 +1,6 @@
 .fade-enter-active,
 .fade-leave-active {
-    transition: opacity 0.3s 2s ease;
+    transition: opacity 0.3s ease;
 }
 
 .fade-enter-from,