From 9f605bca99b21cde6d465cec781ee2d7011f05fd Mon Sep 17 00:00:00 2001
From: Rijan Dahal <70582929+enkoki@users.noreply.github.com>
Date: Mon, 30 Mar 2026 15:48:14 +0545
Subject: [PATCH 1/2] fix: fix button icons being flipped

---
 frontend/src/app/components/About/AboutCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app/components/About/AboutCard.tsx b/frontend/src/app/components/About/AboutCard.tsx
index eedfa12..bed31cd 100644
--- a/frontend/src/app/components/About/AboutCard.tsx
+++ b/frontend/src/app/components/About/AboutCard.tsx
@@ -87,7 +87,7 @@ export default function AboutCard({
                   isActive={isActive}
                   width={32}
                   height={32}
-                  className="w-8 h-8 md:w-12 md:h-12"
+                  className="w-8 h-8 md:w-12 md:h-12 scale-x-[-1]"
                 />
               </button>
             );

From 2ff41cc3d5064f4349478e58b39bd1eee5ae7552 Mon Sep 17 00:00:00 2001
From: Rijan Dahal <70582929+enkoki@users.noreply.github.com>
Date: Mon, 30 Mar 2026 15:57:06 +0545
Subject: [PATCH 2/2] style: about event card padding

---
 frontend/src/app/components/About/AboutCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/app/components/About/AboutCard.tsx b/frontend/src/app/components/About/AboutCard.tsx
index bed31cd..333479e 100644
--- a/frontend/src/app/components/About/AboutCard.tsx
+++ b/frontend/src/app/components/About/AboutCard.tsx
@@ -65,7 +65,7 @@ export default function AboutCard({
 
   return (
     <div className="primary-aboutpage-background w-[26rem] h-fit sm:w-auto md:max-w-[55rem] sm:h-full flex flex-col lg:h-[30rem] rounded-2xl p-[0.2875rem] mx-6 mb-6">
-      <div className="relative bg-[#110C24] flex flex-col h-full w-full rounded-[1rem] justify-start gap-4 px-20 py-[60px] xl:py-12 md:px-12">
+      <div className="relative bg-[#110C24] flex flex-col h-full w-full rounded-[1rem] justify-start gap-4 px-[72px] py-[55px] xl:py-12 md:px-12">
         <div className="absolute flex lg:hidden top-[108px] md:top-[150px] right-[-10px] scale-x-[-1] -translate-y-1/2 flex-col gap-5 z-20">
           {buttons.map(({ key, Icon }) => {
             const isActive = activeTab === key;