diff --git a/src/components/hero.astro b/src/components/hero.astro
index 2d237bb..c5f9aa8 100644
--- a/src/components/hero.astro
+++ b/src/components/hero.astro
@@ -30,7 +30,7 @@ import { Image } from "astro:assets";
@tailwind base;
@layer base {
section {
- @apply section flex flex-col items-center gap-md;
+ @apply section flex flex-col items-center gap-md py-20;
}
h2 {
diff --git a/src/components/how-much/index.astro b/src/components/how-much/index.astro
index 3278a8a..a74b751 100644
--- a/src/components/how-much/index.astro
+++ b/src/components/how-much/index.astro
@@ -26,6 +26,7 @@ const modes: ModesOptions[] = ["compact", "collapsed", "standard", "split"];
name="view"
value={mode}
checked={mode === "compact"}
+ class="sr-only"
/>
{mode.charAt(0).toUpperCase() + mode.slice(1)}
@@ -74,6 +75,8 @@ const modes: ModesOptions[] = ["compact", "collapsed", "standard", "split"];