fix: remove flex container

Author: araujogui

apps/site/components/Releases/PreviousReleasesTable.tsx

@@ -48,7 +48,11 @@ const PreviousReleasesTable: FC = () => {
     firstReleased: <FormattedTime date={release.currentStart} />,
     lastUpdated: <FormattedTime date={release.releaseDate} />,
     status: (
-      <Badge kind={BADGE_KIND_MAP[release.status]} size="small">
+      <Badge
+        kind={BADGE_KIND_MAP[release.status]}
+        size="small"
+        className="block"
+      >
         {release.status}
         {release.status === 'End-of-life' ? ' (EoL)' : ''}
       </Badge>

packages/ui-components/src/Common/ResponsiveTable/MobileTable/index.module.css

@@ -4,6 +4,7 @@
   @apply flex
     items-center
     justify-between
+    gap-2
     border-b
     border-gray-100
     py-2
@@ -17,8 +18,7 @@
   }
 
   .value {
-    @apply flex
-      text-right
+    @apply text-right
       text-gray-600
       dark:text-gray-300;
   }

packages/ui-components/src/Common/ResponsiveTable/MobileTable/index.tsx

@@ -4,7 +4,6 @@ import type { ResponsiveTableProps } from '..';
 import styles from './index.module.css';
 import { Card, CardBody, CardHeader } from '../../Card';
 
-
 function MobileTable<T extends TableData>({
   data,
   columns,