diff --git a/src/components/ConnectingDialog.vue b/src/components/ConnectingDialog.vue
index 064b3257..9e2e285b 100644
--- a/src/components/ConnectingDialog.vue
+++ b/src/components/ConnectingDialog.vue
@@ -8,7 +8,7 @@
             <v-toolbar flat dense color="primary">
                 <v-toolbar-title>
                     <span class="subheading">
-                        <v-icon class="mdi mdi-connection" left></v-icon>Connecting<span v-if="connectingFailed"> failed</span><span v-if="isConnecting"> to {{ parseInt(port) !== 80 ? hostname+":"+port : hostname }}</span>
+                        <v-icon class="mdi mdi-connection" left></v-icon>Connecting<span v-if="connectingFailed"> failed</span><span v-if="isConnecting"> to {{ parseInt(port) !== 80 && port !== "" ? hostname+":"+port : hostname }}</span>
                     </span>
                 </v-toolbar-title>
             </v-toolbar>
@@ -16,7 +16,7 @@
                 <v-progress-linear color="white" indeterminate></v-progress-linear>
             </v-card-text>
             <v-card-text class="pt-5" v-if="!isConnecting && connectingFailed">
-                <p>Cannot not connect to {{ parseInt(port) !== 80 ? hostname+":"+port : hostname }}.</p>
+                <p>Cannot not connect to {{ parseInt(port) !== 80 && port !== "" ? hostname+":"+port : hostname }}.</p>
                 <div class="text-center">
                     <v-btn @click="reconnect" color="primary">try again</v-btn>
                 </div>