Reduce gap inside Reactions and remove padding

Author: agjs

package.json

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

src/Components/Reactions/index.tsx

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