diff --git a/app/ui/home/transaction-form.tsx b/app/ui/home/transaction-form.tsx
index 4c23033..e6cd0a8 100644
--- a/app/ui/home/transaction-form.tsx
+++ b/app/ui/home/transaction-form.tsx
@@ -397,13 +397,13 @@ function TransactionForm({ currency, userCategories }: TProps) {
             aria-label='Description'
             description={
               <div className='flex flex-wrap items-center xxs:gap-0 xs:gap-1'>
+                <div className='flex'>
+                  <AILogo asText={isAnyAIDataExist && !isLoadingAIData} />
+                </div>
                 <InfoText
-                  text='Type thoughtfully to complete the remaining fields with'
+                  text='fills in the remaining fields.'
                   withAsterisk={false}
                 />
-                <div className='flex'>
-                  <AILogo asText={isAnyAIDataExist && !isLoadingAIData} />.
-                </div>
               </div>
             }
             value={description}
diff --git a/app/ui/info-text.tsx b/app/ui/info-text.tsx
index 43f9566..65878df 100644
--- a/app/ui/info-text.tsx
+++ b/app/ui/info-text.tsx
@@ -20,7 +20,7 @@ export default function InfoText({
       id={id}
       className={cn(
         'text-default-500 hover:cursor-none hover:text-foreground',
-        isSm ? 'text-sm' : 'text-xs',
+        isSm ? 'text-xs md:text-sm' : 'text-xs',
       )}
     >
       {withDoubleAsterisk && ' ** '}