From b8aa52dc4a1fe3887be27d5f3d1a77b409dc8750 Mon Sep 17 00:00:00 2001
From: Gerardo Pacheco <gerardo.pacheco@automattic.com>
Date: Wed, 27 Apr 2022 16:38:46 +0200
Subject: [PATCH] Mobile - HTML View - Add a top margin to avoid the tooltip
 overlapping the title (#40312)

---
 .../components/src/mobile/html-text-input/style.android.scss     | 1 +
 packages/components/src/mobile/html-text-input/style.ios.scss    | 1 +
 2 files changed, 2 insertions(+)

diff --git a/packages/components/src/mobile/html-text-input/style.android.scss b/packages/components/src/mobile/html-text-input/style.android.scss
index 1dca01274d75b..8991c1205cbb5 100644
--- a/packages/components/src/mobile/html-text-input/style.android.scss
+++ b/packages/components/src/mobile/html-text-input/style.android.scss
@@ -14,6 +14,7 @@
 	padding-right: $padding;
 	padding-top: $padding;
 	padding-bottom: $padding;
+	margin-top: $padding * 2;
 }
 
 .scrollView {
diff --git a/packages/components/src/mobile/html-text-input/style.ios.scss b/packages/components/src/mobile/html-text-input/style.ios.scss
index 97cf00a7512ff..5683019631940 100644
--- a/packages/components/src/mobile/html-text-input/style.ios.scss
+++ b/packages/components/src/mobile/html-text-input/style.ios.scss
@@ -20,4 +20,5 @@ $title-height: 32;
 	padding-top: $padding;
 	padding-bottom: $padding;
 	height: $title-height;
+	margin-top: $padding * 2;
 }