fix(app): backport rendering improvements (#1580)

fluxer_app/src/features/connection/components/modals/AddConnectionModal.tsx

@@ -12,6 +12,7 @@ import {
 	DOMAIN_DESCRIPTOR,
 	VERIFY_DESCRIPTOR,
 } from '@app/features/i18n/utils/CommonMessageDescriptors';
+import {remFromPx} from '@app/features/theme/layout/RemFromPx';
 import {Button} from '@app/features/ui/button/Button';
 import * as ModalCommands from '@app/features/ui/commands/ModalCommands';
 import * as TextCopyCommands from '@app/features/ui/commands/TextCopyCommands';
@@ -94,14 +95,14 @@ const CopyButton = ({copied, disabled = false, label, onClick}: CopyButtonProps)
 		{copied ? (
 			<CheckCircleIcon
 				className={styles.copyIcon}
-				size={16}
+				size={remFromPx(16)}
 				weight="bold"
 				data-flx="connection.add-connection-modal.copy-button.copy-icon"
 			/>
 		) : (
 			<ClipboardIcon
 				className={styles.copyIcon}
-				size={16}
+				size={remFromPx(16)}
 				data-flx="connection.add-connection-modal.copy-button.copy-icon--2"
 			/>
 		)}