more fixes

ui/publicTags/submit/PublicTagsSubmitForm.pw.tsx

@@ -27,8 +27,8 @@ test('base view +@mobile', async({ render }) => {
   await component.getByLabel(/text \(hex\)/i).fill(mocks.tag1.meta.textColor);
 
   await component.getByLabel(/add/i).nth(3).click();
-  await component.getByLabel(/comment/i).focus();
-  await component.getByLabel(/comment/i).blur();
+  await component.getByLabel(/connection/i).focus();
+  await component.getByLabel(/connection/i).blur();
 
   await expect(component).toHaveScreenshot({
     mask: [ component.locator('.recaptcha') ],

ui/publicTags/submit/fields/PublicTagsSubmitFieldDescription.tsx

@@ -4,11 +4,13 @@ import { useController, useFormContext } from 'react-hook-form';
 
 import type { FormFields } from '../types';
 
+import useIsMobile from 'lib/hooks/useIsMobile';
 import InputPlaceholder from 'ui/shared/InputPlaceholder';
 
 const MAX_LENGTH = 80;
 
 const PublicTagsSubmitFieldDescription = () => {
+  const isMobile = useIsMobile();
   const { control } = useFormContext<FormFields>();
   const { field, fieldState, formState } = useController<FormFields, 'description'>({
     control,
@@ -29,7 +31,7 @@ const PublicTagsSubmitFieldDescription = () => {
         maxLength={ MAX_LENGTH }
       />
       <InputPlaceholder
-        text="Provide a comment to confirm the connection between addresses and tags."
+        text={ isMobile ? 'Confirm the connection between addresses and tags.' : 'Provide a comment to confirm the connection between addresses and tags.' }
         error={ fieldState.error }
       />
     </FormControl>

ui/publicTags/submit/fields/PublicTagsSubmitFieldTag.tsx

@@ -100,7 +100,7 @@ const PublicTagsSubmitFieldTag = ({ index, isDisabled, register, errors, onAddCl
                 maxH="160px"
               />
               <InputPlaceholder
-                text="Description on label hover (max 80 characters)"
+                text="Label description (max 80 characters)"
                 error={ errors?.tooltipDescription }
               />
             </FormControl>

ui/shared/EntityTags/EntityTagPopover.tsx

@@ -39,7 +39,7 @@ const EntityTagPopover = ({ data, children }: Props) => {
       <PopoverTrigger>
         { children }
       </PopoverTrigger>
-      <PopoverContent bgColor={ bgColor } borderRadius="sm">
+      <PopoverContent bgColor={ bgColor } borderRadius="sm" maxW="300px" w="fit-content">
         <PopoverArrow bgColor={ bgColor }/>
         <DarkMode>
           <PopoverBody color="white" p={ 2 } fontSize="sm" display="flex" flexDir="column" rowGap={ 2 }>