fix(app): fix broken test and add margin instead of nbsp

DulFad · Jan 20, 2023 · cfc89f6 · cfc89f6
1 parent 919b698
commit cfc89f6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/__tests__/pages/Dashboard.test.tsx b/app/__tests__/pages/Dashboard.test.tsx
@@ -237,7 +237,7 @@ describe("when a user clicks on the Passport logo", () => {
 
     expect(
       screen.getByText(
-        "We’re making some repairs. Your Passport will be locked before continuing. This may take up to 5 minutes."
+        "We have detected some broken stamps in your passport. Your passport is currently locked because of this. We need to fix these errors before you continue using Passport. This might take up to 5 minutes."
       )
     ).toBeInTheDocument();
   });

diff --git a/app/pages/Dashboard.tsx b/app/pages/Dashboard.tsx
@@ -132,9 +132,10 @@ export default function Dashboard() {
       {ceramicErrors && ceramicErrors.error && (
         <Banner>
           <div className="flex w-full justify-center">
-          We have detected some broken stamps in your passport. Your passport is currently locked because of this. We need to fix these errors before you continue using Passport. This might take up to 5 minutes.
+            We have detected some broken stamps in your passport. Your passport is currently locked because of this. We
+            need to fix these errors before you continue using Passport. This might take up to 5 minutes.
             <button className="ml-2 flex underline" onClick={() => setRefreshModal(true)}>
-              Reset Passport &nbsp;<img className="w-6" src="./assets/arrow-right-icon.svg" alt="arrow-right"></img>
+              Reset Passport <img className="ml-1 w-6" src="./assets/arrow-right-icon.svg" alt="arrow-right"></img>
             </button>
           </div>
         </Banner>