Increase gap between reaction icons and count

Author: agjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {

src/Components/Reactions/index.tsx

@@ -20,7 +20,7 @@ const Reactions: FC<IReactionsProps> = ({
   return (
     <div className='flex gap-4 py-2 text-primary-text-color'>
       <div className='flex gap-8'>
-        <div className='my-0 flex items-center justify-center gap-1'>
+        <div className='my-0 flex items-center justify-center gap-4'>
           {isLiking ? (
             <IconSpinner className='w-5' />
           ) : (
@@ -37,7 +37,7 @@ const Reactions: FC<IReactionsProps> = ({
             </>
           )}
         </div>
-        <div className='flex items-center justify-center gap-1'>
+        <div className='flex items-center justify-center gap-4'>
           {isDisliking ? (
             <Spinner className='w-5' />
           ) : (