diff --git a/src/components/navigation/TextWithLink.js b/src/components/navigation/TextWithLink.js
index 1423289c..34244585 100644
--- a/src/components/navigation/TextWithLink.js
+++ b/src/components/navigation/TextWithLink.js
@@ -1,5 +1,5 @@
 import { ExternalLinkIcon } from "@chakra-ui/icons";
-import { Link, Text } from "@chakra-ui/react";
+import { Link } from "@chakra-ui/react";
 
 export default function TextWithLink({
   textBeforeLink = "",
@@ -13,7 +13,7 @@ export default function TextWithLink({
   textAfterLink = "",
 }) {
   return (
-    <Text mb={0}>
+    <>
       {textBeforeLink}
       <Link
         color={link?.color ? link.color : "teal.500"}
@@ -24,6 +24,6 @@ export default function TextWithLink({
         {hasExternalIcon && <ExternalLinkIcon mx="2px" />}
       </Link>
       {textAfterLink}
-    </Text>
+    </>
   );
 }
diff --git a/src/components/tool/guide/Config/AlertHelper.js b/src/components/tool/guide/Config/AlertHelper.js
index 64fc7e3b..69e31bf9 100644
--- a/src/components/tool/guide/Config/AlertHelper.js
+++ b/src/components/tool/guide/Config/AlertHelper.js
@@ -1,6 +1,4 @@
-import { Alert, AlertIcon, Box, CloseButton, Flex } from "@chakra-ui/react";
-
-import React from "react";
+import { Alert, AlertIcon, Box, CloseButton } from "@chakra-ui/react";
 
 export default function AlertHelper({
   alertDismissible = true,
@@ -11,26 +9,20 @@ export default function AlertHelper({
   return (
     <>
       <Box></Box>
-      <Flex direction="row" align="center">
-        <Box w="100%">
-          <Alert display="flex" status={alertType}>
-            <AlertIcon />
-            {children && typeof children === "string"
-              ? `${children}`
-              : React.isValidElement(children) && children}
-            {alertDismissible && (
-              <CloseButton
-                size="sm"
-                style={{ marginLeft: "auto" }}
-                position="relative"
-                right="0"
-                top="0"
-                onClick={onClose}
-              />
-            )}
-          </Alert>
-        </Box>
-      </Flex>
+      <Alert display="flex" status={alertType}>
+        <AlertIcon />
+        <Box flex="1">{children}</Box>
+        {alertDismissible && (
+          <CloseButton
+            size="sm"
+            style={{ marginLeft: "auto" }}
+            position="relative"
+            right="0"
+            top="0"
+            onClick={onClose}
+          />
+        )}
+      </Alert>
     </>
   );
 }
diff --git a/src/components/tool/guide/Instructions/ConnectInstructions.js b/src/components/tool/guide/Instructions/ConnectInstructions.js
index 98b53c83..0436c348 100644
--- a/src/components/tool/guide/Instructions/ConnectInstructions.js
+++ b/src/components/tool/guide/Instructions/ConnectInstructions.js
@@ -1,4 +1,4 @@
-import { Box, Code, Flex } from "@chakra-ui/react";
+import { Box, Code } from "@chakra-ui/react";
 
 import TextWithLink from "../../../navigation/TextWithLink";
 import CopyBox from "../../../output/CopyBox";
@@ -44,29 +44,27 @@ function LyraInstructions({ username }) {
             />
           </AlertHelper>
           <InstructionText>
-            <Flex alignItems={"center"}>
-              <TextWithLink
-                textBeforeLink={"In "}
-                link={{
-                  href: "https://aka.ms/terminal",
-                  text: "Windows Terminal",
-                  color: "blue.500",
-                  isExternal: true,
-                }}
-              />
-              <TextWithLink
-                textBeforeLink={", Powershell, "}
-                link={{
-                  href: "https://www.putty.org/",
-                  text: "PuTTY",
-                  color: "blue.500",
-                  isExternal: true,
-                }}
-                textAfterLink={
-                  ", or cmd.exe, run the following command to connect to Lyra:"
-                }
-              />
-            </Flex>
+            <TextWithLink
+              textBeforeLink={"In "}
+              link={{
+                href: "https://aka.ms/terminal",
+                text: "Windows Terminal",
+                color: "blue.500",
+                isExternal: true,
+              }}
+            />
+            <TextWithLink
+              textBeforeLink={", Powershell, "}
+              link={{
+                href: "https://www.putty.org/",
+                text: "PuTTY",
+                color: "blue.500",
+                isExternal: true,
+              }}
+              textAfterLink={
+                ", or cmd.exe, run the following command to connect to Lyra:"
+              }
+            />
           </InstructionText>
         </Box>
         <Box>