From dfad7d93b6de00c84155b8fe4e989addfdaf4324 Mon Sep 17 00:00:00 2001
From: Shibam Kumar Patra <102949049+ItsShibam@users.noreply.github.com>
Date: Sun, 17 Dec 2023 11:40:39 +0530
Subject: [PATCH] fix: overlapping of feature icon (#314)

---
 src/components/SecondaryFeatures.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SecondaryFeatures.jsx b/src/components/SecondaryFeatures.jsx
index ebe9960..eedecb3 100644
--- a/src/components/SecondaryFeatures.jsx
+++ b/src/components/SecondaryFeatures.jsx
@@ -67,7 +67,7 @@ function FeaturesMobile() {
     <div className="-mx-4 mt-20 flex flex-col gap-y-10 overflow-hidden px-4 sm:-mx-6 sm:px-6 lg:hidden">
       {features.map((feature) => (
         <div key={feature.summary}>
-          <Feature feature={feature} className="mx-auto max-w-2xl" isActive />
+          <Feature feature={feature} className="mt-2 mx-auto max-w-2xl" isActive />
           <div className="relative mt-10 pb-10">
             <div className="absolute -inset-x-4 bottom-0 top-8 bg-slate-200 sm:-inset-x-6" />
             <div className="relative mx-auto w-[52.75rem] overflow-hidden rounded-xl bg-white shadow-lg shadow-slate-900/5 ring-1 ring-slate-500/10">