Avoid layout shift

chromaui · Sep 15, 2023 · 70e25d3 · 70e25d3
1 parent baea32e
commit 70e25d3
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/screens/VisualTests/NoBuild.tsx b/src/screens/VisualTests/NoBuild.tsx
@@ -50,7 +50,6 @@ export const NoBuild = ({
             Take an image snapshot of each story to save their &quot;last known good state&quot; as
             test baselines.
           </CenterText>
-          <br />
           {localBuildProgress ? (
             <CenterText style={{ display: "flex", flexDirection: "column", gap: 10, width: 200 }}>
               <ProgressTrack>
@@ -63,10 +62,13 @@ export const NoBuild = ({
               <BuildProgressLabel localBuildProgress={localBuildProgress} />
             </CenterText>
           ) : (
-            <Button small secondary onClick={startDevBuild}>
-              <Icons icon="play" />
-              Take snapshots
-            </Button>
+            <>
+              <br />
+              <Button small secondary onClick={startDevBuild}>
+                <Icons icon="play" />
+                Take snapshots
+              </Button>
+            </>
           )}
         </Container>
       )}