diff --git a/src/plugins/qmldesigner/components/itemlibrary/qml/ItemsViewStyle.qml b/src/plugins/qmldesigner/components/itemlibrary/qml/ItemsViewStyle.qml
index 6a65f7077aeb48a23296adad7b99011b42100ffc..13242e3ae37eee5dc807a299ade8810c0660e5de 100644
--- a/src/plugins/qmldesigner/components/itemlibrary/qml/ItemsViewStyle.qml
+++ b/src/plugins/qmldesigner/components/itemlibrary/qml/ItemsViewStyle.qml
@@ -47,11 +47,11 @@ Item {
     property string gridLineLighter: "#5f5f5f"
     property string gridLineDarker: "#3f3f3f"
 
-    property string sectionArrowColor: "#aeaeae"
-    property string sectionTitleTextColor: "#f0f0f0"
-    property string sectionTitleBackgroundColor: "#909090"
+    property string sectionArrowColor: "#ffffff"
+    property string sectionTitleTextColor: "#ffffff"
+    property string sectionTitleBackgroundColor: "#656565"
 
-    property int sectionTitleHeight: 20
+    property int sectionTitleHeight: 18
     property int sectionTitleSpacing: 2
 
     property int iconWidth: 32
diff --git a/src/plugins/qmldesigner/components/itemlibrary/qml/SectionView.qml b/src/plugins/qmldesigner/components/itemlibrary/qml/SectionView.qml
index 2f6fbcde67bf15b82608ba8af12aa3e40914bbc2..8cc031dab3297c1e20f5744846d55be487b84145 100644
--- a/src/plugins/qmldesigner/components/itemlibrary/qml/SectionView.qml
+++ b/src/plugins/qmldesigner/components/itemlibrary/qml/SectionView.qml
@@ -111,17 +111,18 @@ Column {
         Item {
             id: arrow
 
-            Rectangle { y: 0; x: 0; height: 1; width: 9; color: style.sectionArrowColor }
-            Rectangle { y: 1; x: 1; height: 1; width: 7; color: style.sectionArrowColor }
-            Rectangle { y: 2; x: 2; height: 1; width: 5; color: style.sectionArrowColor }
-            Rectangle { y: 3; x: 3; height: 1; width: 3; color: style.sectionArrowColor }
-            Rectangle { y: 4; x: 4; height: 1; width: 1; color: style.sectionArrowColor }
+            Rectangle { y: 0; x: 0; height: 1; width: 11; color: style.sectionArrowColor }
+            Rectangle { y: 1; x: 1; height: 1; width: 9;  color: style.sectionArrowColor }
+            Rectangle { y: 2; x: 2; height: 1; width: 7;  color: style.sectionArrowColor }
+            Rectangle { y: 3; x: 3; height: 1; width: 5;  color: style.sectionArrowColor }
+            Rectangle { y: 4; x: 4; height: 1; width: 3;  color: style.sectionArrowColor }
+            Rectangle { y: 5; x: 5; height: 1; width: 1;  color: style.sectionArrowColor }
 
             anchors.left: parent.left
-            anchors.leftMargin: 5
+            anchors.leftMargin: 10
             anchors.verticalCenter: parent.verticalCenter
-            width: 9
-            height: 5
+            width: 11
+            height: 6
 
             transformOrigin: Item.Center
         }
@@ -130,11 +131,12 @@ Column {
 
             anchors.verticalCenter: parent.verticalCenter
             anchors.left: arrow.right
-            anchors.leftMargin: 5
+            anchors.leftMargin: 12
 
             text: sectionName  // to be set by model
             color: style.sectionTitleTextColor
             elide: Text.ElideMiddle
+            font.bold: true
         }
         MouseArea {
             anchors.fill: parent