diff --git a/src/components/views/settings/SettingsSubheader.tsx b/src/components/views/settings/SettingsSubheader.tsx
index 555f01c46e..f80bb13b59 100644
--- a/src/components/views/settings/SettingsSubheader.tsx
+++ b/src/components/views/settings/SettingsSubheader.tsx
@@ -39,9 +39,9 @@ export function SettingsSubheader({ label, state, stateMessage }: SettingsSubhea
                 })}
             >
                 {state === "success" ? (
-                    <CheckCircleIcon width="20" height="20" />
+                    <CheckCircleIcon width="20px" height="20px" />
                 ) : (
-                    <ErrorIcon width="20" height="20" />
+                    <ErrorIcon width="20px" height="20px" />
                 )}
                 {stateMessage}
             </span>
diff --git a/test/unit-tests/components/views/settings/__snapshots__/SettingsSubheader-test.tsx.snap b/test/unit-tests/components/views/settings/__snapshots__/SettingsSubheader-test.tsx.snap
index dd76bc8adf..23c9ce087d 100644
--- a/test/unit-tests/components/views/settings/__snapshots__/SettingsSubheader-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/__snapshots__/SettingsSubheader-test.tsx.snap
@@ -10,9 +10,9 @@ exports[`<SettingsSubheader /> should display a check icon when in success 1`] =
     >
       <svg
         fill="currentColor"
-        height="20"
+        height="20px"
         viewBox="0 0 24 24"
-        width="20"
+        width="20px"
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
@@ -36,9 +36,9 @@ exports[`<SettingsSubheader /> should display a label 1`] = `
     >
       <svg
         fill="currentColor"
-        height="20"
+        height="20px"
         viewBox="0 0 24 24"
-        width="20"
+        width="20px"
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
@@ -61,9 +61,9 @@ exports[`<SettingsSubheader /> should display an error icon when in error 1`] =
     >
       <svg
         fill="currentColor"
-        height="20"
+        height="20px"
         viewBox="0 0 24 24"
-        width="20"
+        width="20px"
         xmlns="http://www.w3.org/2000/svg"
       >
         <path
diff --git a/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap b/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
index 864116a9c2..52667b90d0 100644
--- a/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/encryption/__snapshots__/RecoveryPanel-test.tsx.snap
@@ -62,9 +62,9 @@ exports[`<RecoveryPanel /> should ask to enter the recovery key when secrets are
         >
           <svg
             fill="currentColor"
-            height="20"
+            height="20px"
             viewBox="0 0 24 24"
-            width="20"
+            width="20px"
             xmlns="http://www.w3.org/2000/svg"
           >
             <path
diff --git a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
index fd63b70c76..75c82ee431 100644
--- a/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
+++ b/test/unit-tests/components/views/settings/tabs/user/__snapshots__/EncryptionUserSettingsTab-test.tsx.snap
@@ -28,9 +28,9 @@ exports[`<EncryptionUserSettingsTab /> should display a verify button when the d
             >
               <svg
                 fill="currentColor"
-                height="20"
+                height="20px"
                 viewBox="0 0 24 24"
-                width="20"
+                width="20px"
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path