Maintenance: Mobile - Align form field styles when labelSrOnly is enabled

app/frontend/apps/mobile/form/theme/global/addAbsoluteFloatingLabel.ts

@@ -40,6 +40,7 @@ export const addAbsoluteFloatingLabel = (classes: Classes = {}) => {
         placeholder:text-transparent
         focus-within:pt-8
         formkit-populated:pt-8
+        formkit-label-hidden:pt-2
       `),
     label: clean(`
         ${label}

app/frontend/cypress/shared/components/Form/fields/FieldAutoComplete/autocomplete-visuals.cy.ts

@@ -148,5 +148,20 @@ describe('testing visuals for "FieldAutocomplete"', () => {
         },
       })
     })
+
+    it(`renders hidden ${type}`, () => {
+      mountFormField(type, { label: type, labelSrOnly: true })
+      checkFormMatchesSnapshot({ type })
+    })
+
+    it(`renders selected hidden ${type}`, () => {
+      mountFormField(type, {
+        label: type,
+        value: 0,
+        options,
+        labelSrOnly: true,
+      })
+      checkFormMatchesSnapshot({ type })
+    })
   })
 })