From fa1aba3c3acc1987acc17b95b78d0bbc7e67f793 Mon Sep 17 00:00:00 2001
From: danidfra <danielfilemondev@gmail.com>
Date: Mon, 4 Nov 2024 14:33:38 -0300
Subject: [PATCH] Change className "regeneration-indicator" to use only
 Tailwind

---
 src/components/status-list.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/status-list.tsx b/src/components/status-list.tsx
index 838997435..dec04a67a 100644
--- a/src/components/status-list.tsx
+++ b/src/components/status-list.tsx
@@ -212,10 +212,12 @@ const StatusList: React.FC<IStatusList> = ({
 
   if (isPartial) {
     return (
-      <div className='regeneration-indicator'>
-        <div>
-          <div className='regeneration-indicator__label'>
-            <FormattedMessage id='regeneration_indicator.label' tagName='strong' defaultMessage='Loading…' />
+      <div className='flex flex-1 cursor-default items-center justify-center rounded-lg p-5 text-center text-[16px] font-medium text-gray-900 sm:rounded-none'>
+        <div className='w-full bg-transparent pt-0'>
+          <div>
+            <strong className='mb-2.5 block text-gray-900'>
+              <FormattedMessage id='regeneration_indicator.label' defaultMessage='Loading…' />
+            </strong>
             <FormattedMessage id='regeneration_indicator.sublabel' defaultMessage='Your home feed is being prepared!' />
           </div>
         </div>