From a3eaf2f15e4ad11d5a965b18a95ef165ce78b922 Mon Sep 17 00:00:00 2001
From: David Langley <davidl@element.io>
Date: Wed, 16 Apr 2025 08:54:13 +0100
Subject: [PATCH] Add variable for add extensions overlap

---
 res/css/views/right_panel/_ExtensionsCard.pcss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/res/css/views/right_panel/_ExtensionsCard.pcss b/res/css/views/right_panel/_ExtensionsCard.pcss
index 667846b31f..21018fa0f5 100644
--- a/res/css/views/right_panel/_ExtensionsCard.pcss
+++ b/res/css/views/right_panel/_ExtensionsCard.pcss
@@ -8,6 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 .mx_ExtensionsCard {
     --cpd-separator-spacing: var(--cpd-space-6x);
+    --AddExtension-overlap: -76px;
     .mx_AutoHideScrollbar {
         padding: 0 var(--cpd-space-4x);
         margin-top: var(--cpd-space-6x);
@@ -126,11 +127,11 @@ Please see LICENSE files in the repository root for full details.
 
     .mx_EmptyState::before {
         /* Overlap the Add extensions button */
-        top: -76px;
+        top: var(--AddExtension-overlap);
     }
 
     .mx_EmptyState {
         /* Stop empty state scrolling */
-        height: calc(100% - 76px);
+        height: calc(100% + var(--AddExtension-overlap));
     }
 }