From e9c6d0ee462d974740e71f5355cd36b72594352c Mon Sep 17 00:00:00 2001
From: Akash Moradiya <64416825+akash3444@users.noreply.github.com>
Date: Mon, 20 Apr 2026 22:17:46 +0530
Subject: [PATCH] fix: vertically center scroll arrows in All Apps category tab
 (#28937)

Co-authored-by: akash-moradiya <akash.moradiya@smallest.ai>
Co-authored-by: Romit <85230081+romitg2@users.noreply.github.com>
Co-authored-by: Sahitya Chandra <sahityajb@gmail.com>
---
 apps/web/modules/apps/components/AllApps.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/modules/apps/components/AllApps.tsx b/apps/web/modules/apps/components/AllApps.tsx
index 206805ca47..298ac44341 100644
--- a/apps/web/modules/apps/components/AllApps.tsx
+++ b/apps/web/modules/apps/components/AllApps.tsx
@@ -89,10 +89,10 @@ function CategoryTab({ selectedCategory, categories, searchText, onCategoryChang
       </h2>
       {leftVisible && (
         <button onClick={handleLeft} className="absolute bottom-0 flex  lg:left-1/2">
-          <div className="bg-default flex h-12 w-5 items-center justify-end">
+          <div className="bg-default flex h-10 w-5 items-center justify-end">
             <ChevronLeftIcon className="text-subtle h-4 w-4" />
           </div>
-          <div className="to-default flex h-12 w-5 bg-linear-to-l from-transparent" />
+          <div className="to-default flex h-10 w-5 bg-linear-to-l from-transparent" />
         </button>
       )}
       <ul
@@ -129,8 +129,8 @@ function CategoryTab({ selectedCategory, categories, searchText, onCategoryChang
       </ul>
       {rightVisible && (
         <button onClick={handleRight} className="absolute bottom-0 right-0 flex ">
-          <div className="to-default flex h-12 w-5 bg-linear-to-r from-transparent" />
-          <div className="bg-default flex h-12 w-5 items-center justify-end">
+          <div className="to-default flex h-10 w-5 bg-linear-to-r from-transparent" />
+          <div className="bg-default flex h-10 w-5 items-center justify-end">
             <ChevronRightIcon className="text-subtle h-4 w-4" />
           </div>
         </button>