From c54f6273f46539889b8acdb0fdbb07805e131ccd Mon Sep 17 00:00:00 2001
From: Steven Nguyen <1477010+stnguyen90@users.noreply.github.com>
Date: Thu, 25 Jul 2024 22:37:16 -0700
Subject: [PATCH] fix(wizard): prevent footer from covering dropdown

The z-index was set to 20 to prevent the language indicator for code sample from showing, but this caused other things to be hidden.

Since the language tag has a z-index of 2, we can make the footer have a z-index of 5 so it covers the language tag, but doesn't cover a dropdown
---
 src/lib/layout/wizard.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/layout/wizard.svelte b/src/lib/layout/wizard.svelte
index f62bd15d7..64d5e86f6 100644
--- a/src/lib/layout/wizard.svelte
+++ b/src/lib/layout/wizard.svelte
@@ -187,7 +187,7 @@
                     <svelte:component this={component} />
                 {/if}
             {/each}
-            <div class="u-z-index-20 form-footer">
+            <div class="u-z-index-5 form-footer">
                 <div class="u-flex u-main-end u-gap-12">
                     {#if !isLastStep && currentStep?.optional}
                         <Button text on:click={() => dispatch('finish')}>