[#912,@portaljs/components][m]: possibly fixes 'loading...' size on F…

…latUiTable on Firefox

packages/components/.storybook/preview.ts

@@ -1,4 +1,5 @@
 import 'tailwindcss/tailwind.css'
+import '../src/index.css'
 
 import type { Preview } from '@storybook/react';
 

packages/components/src/components/FlatUiTable.tsx

@@ -81,7 +81,7 @@ const TableInner: React.FC<FlatUiTableProps> = ({
     { enabled: rawCsv ? true : !!csvString }
   );
   if (isParsing || isDownloadingCSV)
-    <div className="w-full">
+    <div className="w-full flex justify-center items-center h-[500px]">
       <LoadingSpinner />
     </div>;
   if (parsedData)
@@ -90,5 +90,9 @@ const TableInner: React.FC<FlatUiTableProps> = ({
         <Grid data={parsedData.data} />
       </div>
     );
-  return <LoadingSpinner />;
+  return (
+    <div className="w-full flex justify-center items-center h-[500px]">
+      <LoadingSpinner />
+    </div>
+  );
 };

packages/components/src/index.css

@@ -1,3 +1,10 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+/* Temporary fix for a size issue with FlatUiTable loading indicator on Firefox */
+@layer base {
+  svg[tw^='animate-pulse w-12'] {
+    max-width: 100px;
+  }
+}