add margin to navigation arrows

hpi-swa-lab · Sep 15, 2023 · 9cd39d9 · 9cd39d9
1 parent 88211d9
commit 9cd39d9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/projects/bp-gallery/src/components/common/ScrollNavigationArrows.tsx b/projects/bp-gallery/src/components/common/ScrollNavigationArrows.tsx
@@ -98,7 +98,7 @@ const ScrollNavigationArrows = ({
           className={`absolute top-0 left-0 h-full flex ${isVisibleLeft ? 'visible' : 'hidden'}`}
         >
           <IconButton
-            className='!bg-[#7e241d] !text-white !my-auto !shadow-xl'
+            className='!bg-[#7e241d] !text-white !my-auto !shadow-xl !ml-1'
             onClick={e => {
               onPressLeft(e);
             }}
@@ -127,7 +127,7 @@ const ScrollNavigationArrows = ({
           className={`absolute top-0 right-0 h-full flex ${isVisibleRight ? 'visible' : 'hidden'}`}
         >
           <IconButton
-            className='!bg-[#7e241d] !text-white !my-auto !shadow-xl'
+            className='!bg-[#7e241d] !text-white !my-auto !shadow-xl !mr-1'
             onClick={e => {
               onPressRight(e);
             }}