fix

Author: nikkyeya

app/globals.css

@@ -194,7 +194,7 @@
   }
 
   .top-gainers-list {
-    @apply gap-3 sm:gap-5 mt-5 sm:grid-cols-2 md:grid-cols-1 grid;
+    @apply gap-4 md:gap-5 mt-5 sm:grid-cols-2 lg:grid-cols-1 grid;
   }
 
   .table-header-cell {
@@ -316,7 +316,7 @@
   }
 
   .coins-header-row {
-    @apply hover:bg-transparent !border-purple-600;
+    @apply hover:bg-transparent;
   }
 
   .coins-header-left {
@@ -328,7 +328,7 @@
   }
 
   .coins-row {
-    @apply text-lg hover:!bg-dark-400/30 !border-purple-600 cursor-pointer;
+    @apply text-lg hover:!bg-dark-400/30 cursor-pointer;
   }
 
   .coins-rank {

app/page.tsx

@@ -143,15 +143,15 @@ const Home = async () => {
                     <TableCell className='pl-5 font-bold'>
                       {category.name}
                     </TableCell>
-                    <TableCell className='flex'>
+                    <TableCell className='flex gap-1 mr-5'>
                       {category.top_3_coins.map((coin: string) => (
                         <Image
                           key={coin}
                           src={coin}
                           alt='Coin image'
                           width={28}
                           height={28}
-                          className='mr-2 rounded-full py-2'
+                          className='rounded-full py-2'
                         />
                       ))}
                     </TableCell>