From 415956639696fce79ccab2f72c125e5f54cc1df5 Mon Sep 17 00:00:00 2001
From: Kerry Archibald <kerrya@element.io>
Date: Mon, 11 Apr 2022 18:58:46 +0200
Subject: [PATCH] adjust spinner size

Signed-off-by: Kerry Archibald <kerrya@element.io>
---
 res/css/components/views/messages/_MBeaconBody.scss | 11 ++++++++---
 src/components/views/messages/MBeaconBody.tsx       |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/res/css/components/views/messages/_MBeaconBody.scss b/res/css/components/views/messages/_MBeaconBody.scss
index 09acc205c2c9..ae90d2513269 100644
--- a/res/css/components/views/messages/_MBeaconBody.scss
+++ b/res/css/components/views/messages/_MBeaconBody.scss
@@ -30,12 +30,17 @@ limitations under the License.
 }
 
 .mx_MBeaconBody_mapFallback {
-    background: url('$(res)/img/location/map.svg');
-    background-size: cover;
-
+    box-sizing: border-box;
     display: flex;
     justify-content: center;
     align-items: center;
+
+    // pushes spinner/icon up
+    // to appear more centered with the footer
+    padding-bottom: 50px;
+
+    background: url('$(res)/img/location/map.svg');
+    background-size: cover;
 }
 
 .mx_MBeaconBody_mapFallbackIcon {
diff --git a/src/components/views/messages/MBeaconBody.tsx b/src/components/views/messages/MBeaconBody.tsx
index fe99d056ad61..ee34efb73be9 100644
--- a/src/components/views/messages/MBeaconBody.tsx
+++ b/src/components/views/messages/MBeaconBody.tsx
@@ -99,7 +99,7 @@ const MBeaconBody: React.FC<IBodyProps> = React.forwardRef(({ mxEvent, ...rest }
                 </Map>
                 : <div className='mx_MBeaconBody_map mx_MBeaconBody_mapFallback'>
                     { displayStatus === BeaconDisplayStatus.Loading ?
-                        <Spinner h={45} w={45} /> :
+                        <Spinner h={32} w={32} /> :
                         <LocationMarkerIcon className='mx_MBeaconBody_mapFallbackIcon' />
                     }
                 </div>