diff --git a/app/views/_tailwind/home/_how_it_works.html.erb b/app/views/_tailwind/home/_how_it_works.html.erb
index 8da7bd434..04eb8b064 100644
--- a/app/views/_tailwind/home/_how_it_works.html.erb
+++ b/app/views/_tailwind/home/_how_it_works.html.erb
@@ -3,7 +3,7 @@
   <ol class="grid gap-20 mt-20 text-center md:gap-6 md:grid-cols-3">
     <li class="p-8 pt-16 text-xl bg-light-grey [counter-increment:section] relative">
       <div class="absolute inline-block -top-8">
-        <div class="before:[content:counter(section)] flex items-center relative -left-10 justify-center bg-lavender size-16 rounded-full before:text-white before:font-semibold before:text-3xl">
+        <div class="before:[content:counter(section)] flex items-center relative -left-8 justify-center bg-lavender size-16 rounded-full before:text-white before:font-semibold before:text-3xl">
         </div>
       </div>
       <%= render Tailwind::Heading.new(tag: :h2, font: "sans", weight: "semibold", extra_classes: "pb-4").with_content("Search") %>
@@ -12,7 +12,7 @@
     </li>
     <li class="p-8 pt-16 text-xl bg-light-grey [counter-increment:section] relative">
       <div class="absolute inline-block -top-8">
-        <div class="before:[content:counter(section)] flex items-center relative -left-10 justify-center bg-lavender size-16 rounded-full before:text-white before:font-semibold before:text-3xl">
+        <div class="before:[content:counter(section)] flex items-center relative -left-8 justify-center bg-lavender size-16 rounded-full before:text-white before:font-semibold before:text-3xl">
         </div>
       </div>
       <%= render Tailwind::Heading.new(tag: :h2, font: "sans", weight: "semibold", extra_classes: "pb-4").with_content("Get notified") %>
@@ -21,7 +21,7 @@
     </li>
     <li class="p-8 pt-16 text-xl bg-light-grey [counter-increment:section] relative">
       <div class="absolute inline-block -top-8">
-        <div class="before:[content:counter(section)] flex items-center relative -left-10 justify-center bg-lavender size-16 rounded-full before:text-white before:font-semibold before:text-3xl">
+        <div class="before:[content:counter(section)] flex items-center relative -left-8 justify-center bg-lavender size-16 rounded-full before:text-white before:font-semibold before:text-3xl">
         </div>
       </div>
       <%= render Tailwind::Heading.new(tag: :h2, font: "sans", weight: "semibold", extra_classes: "pb-4").with_content("Comment") %>