diff --git a/src/settings.less b/src/settings.less
index e4ed5f6..3ec4f6b 100644
--- a/src/settings.less
+++ b/src/settings.less
@@ -108,12 +108,20 @@ div[class^="baseLayout-"] {
 
 #connections-tab div[class^="children-"] {
   flex-direction: row;
+  flex-flow: row wrap;
   div[class^="accountList-"] {
     margin-right: @div-width;
+    width: 33%;
     height: 100%; // decreases height? 0_0
+
+    // auto detect
+    & + div[class^="container-"] {
+      order: -1;
+      width: 100%;
+    }
   }
   div[class^="connectionList-"] {
-    width: 100%;
+    flex-grow: 1;
   }
 }
 
diff --git a/src/style.less b/src/style.less
index e2d3ed7..2a0e685 100644
--- a/src/style.less
+++ b/src/style.less
@@ -4,27 +4,6 @@
 // Space between sidebar and chat
 div[class^="sidebar-"] {
   margin-right: @div-width;
-
-  &, li, li div {
-    transition: ease-out 0.25s;
-  }
-
-  &:not(:hover) {
-    width: 48px;
-    overflow: hidden;
-    li {
-      margin-left: -4px;
-      div[class^="interactive-"] {
-        margin-left: 8px;
-      }
-      div[class^="layout-"] {
-        padding-left: 2px;
-      }
-      a + div[class^="children-"] {
-        display: none;
-      }
-    }
-  }
 }
 
 // Old-school