fix: step container offset height (#44)

Nexters · Aug 21, 2024 · a6c4801 · a6c4801
1 parent ecc051b
commit a6c4801
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/apps/bottle/src/components/stepper/stepperStyle.css.ts b/apps/bottle/src/components/stepper/stepperStyle.css.ts
@@ -12,4 +12,5 @@ export const containerStyle = style({
   gap: spacings.xxs,
   margin: `${spacings.xl} 0`,
   padding: `0 ${spacings.xs}`,
+  overflow: 'hidden',
 });
diff --git a/apps/bottle/src/features/steps/stepStyle.css.ts b/apps/bottle/src/features/steps/stepStyle.css.ts
@@ -9,7 +9,8 @@ export const CTA_HEIGHT = 109;
  * the Bottom CTA's gradient overlaps with the body of the Step Container.
  */
 export const OVERLAP_HEIGHT = 20;
-export const CONTAINER_OFFSET_HEIGHT = HEADER_HEIGHT + CTA_HEIGHT;
+const STEPPER_HEIGHT = 26;
+export const CONTAINER_OFFSET_HEIGHT = HEADER_HEIGHT + CTA_HEIGHT + STEPPER_HEIGHT;
 
 export const buttonContainer = style({
   position: 'fixed',