From 0e5a03670fefd89bc811cbf61dd944582cc96ffc Mon Sep 17 00:00:00 2001
From: Kalle Struik <kalle@kallestruik.nl>
Date: Sun, 3 Oct 2021 17:38:49 +0200
Subject: [PATCH] Improve the styling of search initialization errors.

Signed-off-by: Kalle Struik <kalle@kallestruik.nl>
---
 .../views/elements/DesktopBuildsNotice.tsx    | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/components/views/elements/DesktopBuildsNotice.tsx b/src/components/views/elements/DesktopBuildsNotice.tsx
index f2441b83a478..2cdb41a9a53c 100644
--- a/src/components/views/elements/DesktopBuildsNotice.tsx
+++ b/src/components/views/elements/DesktopBuildsNotice.tsx
@@ -36,20 +36,23 @@ export default function DesktopBuildsNotice({ isRoomEncrypted, kind }: IProps) {
     if (!isRoomEncrypted) return null;
     if (EventIndexPeg.get()) return null;
 
-    if (EventIndexPeg.error) {
-        return <>
-            { _t("Message search initialisation failed, check <a>your settings</a> for more information", {}, {
-                a: sub => (<a onClick={(evt) => {
-                    evt.preventDefault();
-                    dis.dispatch({
-                        action: Action.ViewUserSettings,
-                        initialTabId: UserTab.Security,
-                    });
-                }}>
-                    { sub }
-                </a>),
-            }) }
-        </>;
+    if (true) {
+        return (
+            <div className="mx_DesktopBuildsNotice">
+                { _t("Message search initialisation failed, check <a>your settings</a> for more information", {}, {
+                    a: sub => (<a className="mx_linkButton"
+                        onClick={(evt) => {
+                            evt.preventDefault();
+                            dis.dispatch({
+                                action: Action.ViewUserSettings,
+                                initialTabId: UserTab.Security,
+                            });
+                        }}>
+                        { sub }
+                    </a>),
+                }) }
+            </div>
+        );
     }
 
     const { desktopBuilds, brand } = SdkConfig.get();