diff --git a/src/renderer/components/SettingBarConnectionsFolder.vue b/src/renderer/components/SettingBarConnectionsFolder.vue
index a5960f50..3c4f5eef 100644
--- a/src/renderer/components/SettingBarConnectionsFolder.vue
+++ b/src/renderer/components/SettingBarConnectionsFolder.vue
@@ -258,6 +258,14 @@ emit('folder-sort');// To apply changes on component key change
          max-height: initial;
          background: transparent;
 
+         &.ghost {
+            background: $bg-color-light-dark;
+            &.selected::before {
+               height: 0;
+               position: absolute;
+            }
+         }
+
          &.selected {
             opacity: 1;
 
diff --git a/src/renderer/components/TheSettingBar.vue b/src/renderer/components/TheSettingBar.vue
index a64b1b54..90b1f047 100644
--- a/src/renderer/components/TheSettingBar.vue
+++ b/src/renderer/components/TheSettingBar.vue
@@ -191,6 +191,17 @@ if (!connectionsArr.value.length)
       li {
          margin: 0;
          background: $bg-color-light-dark;
+
+         &.ghost {
+            border-radius: $border-radius;
+
+            .settingbar-element {
+               &.selected::before {
+                  height: 0;
+                  width: 0;
+               }
+            }
+         }
       }
 
       .settingbar-element {