From aec44aaaebc8881f5d33fc0d824659b71931180d Mon Sep 17 00:00:00 2001
From: Sean Sube <seansube@gmail.com>
Date: Fri, 17 Feb 2023 21:54:00 -0600
Subject: [PATCH] fix(gui): move pre tag into a valid location

---
 gui/src/components/OnnxError.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/gui/src/components/OnnxError.tsx b/gui/src/components/OnnxError.tsx
index 416414ab..aad760fa 100644
--- a/gui/src/components/OnnxError.tsx
+++ b/gui/src/components/OnnxError.tsx
@@ -57,15 +57,17 @@ export function OnnxError(props: OnnxErrorProps) {
             client state:
           </Typography>
           <Button onClick={clearState} color='error'>Reset State</Button>
+          <Typography variant='body1'>
+            If your server is running and available at <a href={props.root}>{props.root}</a>, make sure you are using
+            a compatible client and try updating to the latest release or unstable version:
+          </Typography>
+          <pre>
+            &gt; git branch{'\n'}
+            * main{'\n'}
+            {'\n'}
+            &gt; git pull{'\n'}
+          </pre>
           <Typography variant='body1' gutterBottom>
-            If your server is running and available at <a href={props.root}>{props.root}</a>, make sure you are on
-            the <code>main</code> branch and try updating to the latest version:
-            <pre>
-              &gt; git branch{'\n'}
-              * main{'\n'}
-              {'\n'}
-              &gt; git pull{'\n'}
-            </pre>
             You can also use <a href='https://github.com/ssube/onnx-web/releases'>a recent release</a>.
           </Typography>
         </Stack>