diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index fb6264af..bd607841 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -11,17 +11,17 @@
-
+
+
+
diff --git a/src/renderer/components/ModalNewConnection.vue b/src/renderer/components/ModalNewConnection.vue
new file mode 100644
index 00000000..f9c4d6b7
--- /dev/null
+++ b/src/renderer/components/ModalNewConnection.vue
@@ -0,0 +1,224 @@
+
+
+
+
+
+
+
diff --git a/src/renderer/components/NewConnectionModal.vue b/src/renderer/components/NewConnectionModal.vue
deleted file mode 100644
index 27c32162..00000000
--- a/src/renderer/components/NewConnectionModal.vue
+++ /dev/null
@@ -1,190 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/renderer/components/TheSettingBar.vue b/src/renderer/components/TheSettingBar.vue
index 18b05044..fbd9f792 100644
--- a/src/renderer/components/TheSettingBar.vue
+++ b/src/renderer/components/TheSettingBar.vue
@@ -2,6 +2,14 @@