chore: revert text-wrap changes globally

Author: onmax

src/components/modals/AssetTransferModal.vue

@@ -499,6 +499,16 @@ export default defineComponent({
 
 <style scoped lang="scss">
 .asset-transfer-modal {
+  h1, h2, h3, h4, h5, h6 {
+      text-wrap: pretty;
+      width: max-content;
+  }
+
+  p, li {
+      text-wrap: balance;
+      width: max-content;
+  }
+
   .loading-wrapper {
     display: grid;
     place-content: center;

src/components/modals/SinpeMovilInfoModal.vue

@@ -78,6 +78,16 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+h1, h2, h3, h4, h5, h6 {
+    text-wrap: pretty;
+    width: max-content;
+}
+
+p, li {
+    text-wrap: balance;
+    width: max-content;
+}
+
 .page-body {
     padding: 0;
 }

src/components/modals/SinpeMovilMobileVerificationModal.vue

@@ -504,6 +504,16 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .sinpe-movil-modal {
+    h1, h2, h3, h4, h5, h6 {
+        text-wrap: pretty;
+        width: max-content;
+    }
+
+    p, li {
+        text-wrap: balance;
+        width: max-content;
+    }
+
     .page-header-back-button {
       font-size: 3rem;
       position: absolute;

src/scss/themes.scss

@@ -205,11 +205,3 @@ button.reset:disabled {
         line-height: unset;
     }
 }
-
-h1, h2, h3, h4, h5, h6 {
-    text-wrap: pretty;
-}
-
-p, li {
-    text-wrap: balance;
-}