From ce92a2125925a133ee0935cc6561f5595c166a06 Mon Sep 17 00:00:00 2001
From: Aniket-Engg <aniketengg.225@gmail.com>
Date: Wed, 12 Oct 2022 18:35:44 +0530
Subject: [PATCH] arrows centered

---
 .../remix-ui/home-tab/src/lib/components/customNavButtons.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx b/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
index 69f938a391..f298eba01d 100644
--- a/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/customNavButtons.tsx
@@ -5,10 +5,10 @@ const CustomNavButtons = ({ next, previous, goToSlide, ...rest }) => {
   const { carouselState: { currentSlide, totalItems } } = rest
   return (
     <div className="mt-1 d-flex justify-content-end carousel-button-group">
-      <button className={currentSlide === 0 ? 'disable py-0 border btn' : 'py-0 border btn'} onClick={() => previous()}>
+      <button className={currentSlide === 0 ? 'disable py-1 border btn' : 'py-1 border btn'} onClick={() => previous()}>
         <i className="fas fa-angle-left"></i>
       </button>
-      <button className={currentSlide + 1 === totalItems ? 'disable py-0 border btn' : 'py-0 border btn'} onClick={() => {
+      <button className={currentSlide + 1 === totalItems ? 'disable py-1 border btn' : 'py-1 border btn'} onClick={() => {
           if (currentSlide + 1 < totalItems) goToSlide(currentSlide + 1)
         }} >
         <i className="fas fa-angle-right"></i>