From 7cf0f2d66d1c39c4ae3d655b5969ffde6f1129a4 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Mon, 4 Jul 2022 15:27:22 +0900
Subject: [PATCH] Add top padding to EventTilePreview loader (#8977)

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/views/elements/_EventTilePreview.scss | 6 ++++--
 res/css/views/settings/_FontScalingPanel.scss | 4 +++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/res/css/views/elements/_EventTilePreview.scss b/res/css/views/elements/_EventTilePreview.scss
index 1f2df50f28..67bed16ea8 100644
--- a/res/css/views/elements/_EventTilePreview.scss
+++ b/res/css/views/elements/_EventTilePreview.scss
@@ -14,6 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_FontScalingPanel_preview.mx_EventTilePreview_loader {
-    padding: 9px 0;
+.mx_FontScalingPanel {
+    .mx_FontScalingPanel_preview.mx_EventTilePreview_loader {
+        padding: var(--FontScalingPanel_preview-padding-block) 0;
+    }
 }
diff --git a/res/css/views/settings/_FontScalingPanel.scss b/res/css/views/settings/_FontScalingPanel.scss
index a4f58a0004..7eb1c5a296 100644
--- a/res/css/views/settings/_FontScalingPanel.scss
+++ b/res/css/views/settings/_FontScalingPanel.scss
@@ -23,9 +23,11 @@ limitations under the License.
     }
 
     .mx_FontScalingPanel_preview {
+        --FontScalingPanel_preview-padding-block: 9px;
+
         border: 1px solid $quinary-content;
         border-radius: 10px;
-        padding: 0 $spacing-16 9px $spacing-16;
+        padding: 0 $spacing-16 var(--FontScalingPanel_preview-padding-block) $spacing-16;
         pointer-events: none;
         display: flow-root;