Fix asyncapi#3496 text misalignment on hovering over boxes

Utkarsh-123github · Dec 20, 2024 · 81296da · 81296da
1 parent 72c8dd8
commit 81296da
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/Asyncapi3Comparison/Asyncapi3IdAndAddressComparison.tsx b/components/Asyncapi3Comparison/Asyncapi3IdAndAddressComparison.tsx
@@ -33,13 +33,13 @@ export default function Asyncapi3IdAndAddressComparison({ className = '' }: Asyn
         <h3 className='mb-4 ml-2 font-sans text-lg font-medium'>AsyncAPI 2.x</h3>
         <div>
           <div
-            className={`${hoverState.Paths ? 'bg-yellow-100' : ' '}m-2 border border-yellow-300 p-2`}
+            className={`${hoverState.Paths ? 'bg-yellow-100' : ' '} m-2 border border-yellow-300 p-2`}
             onMouseEnter={() => handleMouseEnter('Paths')}
             onMouseLeave={() => handleMouseLeave('Paths')}
           >
             Channels
             <div
-              className={`${hoverState.PathItem ? 'bg-yellow-300' : 'bg-white'}m-2 border border-yellow-600 p-2`}
+              className={`${hoverState.PathItem ? 'bg-yellow-300' : 'bg-white'} m-2 border border-yellow-600 p-2`}
               onMouseOver={() => handleMouseEnter('PathItem')}
               onMouseLeave={() => handleMouseLeave('PathItem')}
             >
@@ -52,13 +52,13 @@ export default function Asyncapi3IdAndAddressComparison({ className = '' }: Asyn
         <h3 className='mb-4 ml-2 font-sans text-lg font-medium'>AsyncAPI 3.0</h3>
         <div>
           <div
-            className={`${hoverState.Paths ? 'bg-yellow-100' : ' '}m-2 border border-yellow-300 p-2`}
+            className={`${hoverState.Paths ? 'bg-yellow-100' : ' '} m-2 border border-yellow-300 p-2`}
             onMouseEnter={() => handleMouseEnter('Paths')}
             onMouseLeave={() => handleMouseLeave('Paths')}
           >
             Channels
             <div
-              className={`${hoverState.PathItem ? 'bg-yellow-300' : 'bg-white'}m-2 border border-yellow-600 p-2`}
+              className={`${hoverState.PathItem ? 'bg-yellow-300' : 'bg-white'} m-2 border border-yellow-600 p-2`}
               onMouseOver={() => handleMouseEnter('PathItem')}
               onMouseLeave={() => handleMouseLeave('PathItem')}
             >