diff --git a/src/views/Home.vue b/src/views/Home.vue
index e0580690..caabc7a4 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -102,6 +102,7 @@
 import {
   BLink, BAvatar, BRow, BCol, BCard, BCardText, BCardTitle, BNav, BNavItem, BButton,
 } from 'bootstrap-vue'
+import Ripple from 'vue-ripple-directive'
 import VuexyLogo from '@core/layouts/components/Logo.vue'
 import store from '@/store/index'
 import { timeIn, toDay } from '@/libs/data'
@@ -127,6 +128,9 @@ export default {
     Locale,
     AppFooter,
   },
+  directives: {
+    Ripple,
+  },
   data() {
     const chains = this.$store.state.chains.config
     return {
diff --git a/src/views/ObjectFieldComponent.vue b/src/views/ObjectFieldComponent.vue
index 1b3e9d72..0a5bc84d 100644
--- a/src/views/ObjectFieldComponent.vue
+++ b/src/views/ObjectFieldComponent.vue
@@ -122,7 +122,7 @@ export default {
       return tokenFormatter(value)
     },
     addNewLine(value) {
-      if (typeof value === 'string') {
+      if (typeof value === 'string' && value.indexOf('\\n') > -1) {
         return value.replaceAll('\\n', '\n')
       }
       return value