part 1

src/pages/service/components/OtherServices.tsx

@@ -68,7 +68,7 @@ const OtherServicesComponent: FC = () => {
                         getServices.data?.data?.category?.danakServices?.map((item: ItemServiceType) => {
                             return (
                                 <div className='flex-1 min-w-full xl:min-w-0 bg-white rounded-3xl py-4 px-6'>
-                                    <div className='flex justify-between items-center'>
+                                    <div className='flex gap-2 justify-between items-center'>
                                         <ServiceSection
                                             item={item}
                                         />
@@ -77,7 +77,7 @@ const OtherServicesComponent: FC = () => {
                                                 className='h-8 w-fit px-2 text-xs text-black bg-description bg-opacity-20 rounded-xl'
                                             >
                                                 <div className='flex gap-2'>
-                                                    <div>{t('service.buy')}</div>
+                                                    <div className='whitespace-nowrap'>{t('service.detail')}</div>
                                                     <ArrowLeft color='black' size={16} />
                                                 </div>
                                             </Button>