more

src/Components/HowTo/HowToPage.js

@@ -1,6 +1,7 @@
 import { useContext } from "react";
 import { AppContext } from "../../Hooks/useContext/appContext";
 import { Steps } from "../../Constants/Copy/howToSteps.js";
+
 import "../../styles/howTo-page.scss";
 import { ReactComponent as HowToInfoSvg } from "../../Assets/svg/howToInfo.svg";
 

src/Constants/Copy/howToSteps.js

@@ -1,3 +1,5 @@
+import { ExclamationTriangle } from "react-bootstrap-icons";
+
 export const Steps = () => (
   <div className="steps-wrapper">
     <h2 className="doc-header-text">Generate Discovery Responses</h2>
@@ -31,10 +33,13 @@ export const Steps = () => (
         satisfied, you can download a .docx file by clicking the “Create .docx
         File” button.
       </li>
+      <ExclamationTriangle
+        style={{ color: "red", marginRight: "6px", marginBottom: "2px" }}
+      />
       <strong>Pro tip:</strong> once you've created a case, you can skip most of
       these steps. Simply search for the case by entering the case number in the
-      search bar on your Dashboard, and click "Express Document Upload" and
+      search bar on your <strong>Dashboard</strong>, click "Express Document
-      follow the prompts.
+      Upload" and follow the prompts.
     </ol>
     <p className="steps-p"></p>
   </div>