diff --git a/layouts/components/ContentView.qml b/layouts/components/ContentView.qml
index dd609c0..069b85e 100644
--- a/layouts/components/ContentView.qml
+++ b/layouts/components/ContentView.qml
@@ -8,7 +8,7 @@ TabView {
     property bool viewSelected: false
     property int xSelect: 0
     property int ySelect: 0
-    width: parent.width * 0.7
+    width: parent.width * 0.8
     height: parent.height
 
     property var maxElements: providers.length
diff --git a/layouts/components/Sidebar.qml b/layouts/components/Sidebar.qml
index d08e3f0..45e5947 100644
--- a/layouts/components/Sidebar.qml
+++ b/layouts/components/Sidebar.qml
@@ -3,24 +3,24 @@ import QtQuick 2.12
 import Ikinuki.Client 1.0
 
 Rectangle {
+    id: rect
     property var providers
-    default property int selectedElement: 0
+    property int selectedElement: 0
     property var max_elements: providers.length
-    width: parent.width * 0.3
+    width: parent.width * 0.2
     height: parent.height
     color: "#22282A"
     Column {
         anchors.fill: parent
-        // header
         SidebarHeader {}
         Repeater {
+            id: sidebarElements
             model: providers
             SidebarElement {
                 name: modelData.name
                 selected: (index == selectedElement) ? true : false
             }
         }
-
     }
     function mod(n, m) {
         return ((n % m) + m) % m;
diff --git a/layouts/components/SidebarElement.qml b/layouts/components/SidebarElement.qml
index aa639af..4f08622 100644
--- a/layouts/components/SidebarElement.qml
+++ b/layouts/components/SidebarElement.qml
@@ -1,17 +1,29 @@
 import QtQuick 2.12
 
-Rectangle {
+Item {
     property string name
-    default property bool selected: false
-    color: selected ? "#E4A10D" : "#22282A"
-    width: parent.width
+    property bool selected: false
+
+    width: parent.width * 0.9
     height: parent.height * 0.08
+    anchors.right: parent.right
+    Rectangle {
+        color: "white"
+        anchors.fill: parent
+        visible: selected ? true : false
+        radius: 10
+    }
     Row {
-        anchors.verticalCenter: parent.verticalCenter
+        anchors.fill: parent
+        Item {
+            height: parent.height
+            width: parent.width * 0.02
+        }
         Text {
             font.pointSize: 15
             text: name
-            color: selected ? "white" : "black"
+            color: selected ? "black" : "white"
+            anchors.verticalCenter: parent.verticalCenter
         }
     }
 }