fix(PublicSwitchEnvMessage): remove nested <p/> tags (#4895)

opengovsg · Sep 19, 2022 · 3871ee9 · 3871ee9
1 parent 0a1c9d5
commit 3871ee9
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/frontend/src/features/public-form/components/PublicSwitchEnvMessage.tsx b/frontend/src/features/public-form/components/PublicSwitchEnvMessage.tsx
@@ -16,16 +16,19 @@ export const PublicSwitchEnvMessage = (): JSX.Element => {
           mb="1.5rem"
           mt={{ base: '2rem', md: '0' }}
         >
-          {/* Hide the text and replicate it in the aria-label for the button instead,
-           because without it, the sentence will be read as two separate parts which
-          is confusing for those using screen readers. */}
+          {/**
+           * Hide the text and replicate it in the aria-label for the button instead,
+           * because without it, the sentence will be read as two separate parts which
+           * is confusing for those using screen readers.
+           */}
           <Text>
-            <Text aria-hidden display="inline">
+            <Text as="span" aria-hidden display="inline">
               You’re using the new FormSG design. If you have trouble
               submitting,
             </Text>
             <Button
               variant="link"
+              my="-0.25rem"
               onClick={onOpen}
               aria-label="You're using the new FormSG design. If you have trouble submitting, switch to the original one here."
             >