diff --git a/components/ui/url-field.vue b/components/ui/url-field.vue
index f90ef37c..6e48a0fc 100644
--- a/components/ui/url-field.vue
+++ b/components/ui/url-field.vue
@@ -6,11 +6,27 @@
   color: var(--ac-color);
   font-weight: bold;
 }
+.highlight-TEXT {
+  overflow: auto;
+  height: 20px;
+  word-break: break-all;
+}
+.highlight-TEXT::-webkit-scrollbar {
+  display: none;
+}
 </style>
 <script>
+import { type } from "os"
 export default {
   props: {
     value: { type: String },
+    uri: { type: String },
+  },
+  watch: {
+    uri(val) {
+      this.$refs.editor.textContent = val
+      this.updateEditor()
+    },
   },
   mounted() {
     this.$refs.editor.addEventListener("input", this.updateEditor)
diff --git a/pages/index.vue b/pages/index.vue
index 62057c30..bc7237bc 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -155,7 +155,7 @@
                 spellcheck="false"
                 @input="pathInputHandler"
               />
-              <url-field v-model="uri" v-else />
+              <url-field v-model="uri" :uri="uri" v-else />
             </li>
             <li class="shrink">
               <label class="hide-on-small-screen" for="send">&nbsp;</label>