diff --git a/desktoppackage/contents/configuration/AppletConfiguration.qml b/desktoppackage/contents/configuration/AppletConfiguration.qml
--- a/desktoppackage/contents/configuration/AppletConfiguration.qml
+++ b/desktoppackage/contents/configuration/AppletConfiguration.qml
@@ -104,6 +104,24 @@
 //END connections
 
 //BEGIN UI components
+    Rectangle {
+    id: sidebar
+        anchors.left: root.left
+        width: categories.width
+        height: root.height
+        color: Kirigami.Theme.viewBackgroundColor
+    }
+
+    Kirigami.Separator {
+        anchors.left: sidebar.right
+        height: root.height
+    }
+
+    Kirigami.Separator {
+        anchors.top: root.top
+        width: root.width
+    }
+
     MessageDialog {
         id: messageDialog
         icon: StandardIcon.Warning
@@ -124,7 +142,8 @@
         id: pageStackColumn
         anchors {
             fill: parent
-            margins: pageStackColumn.spacing * units.devicePixelRatio //margins are hardcoded in QStyle we should match that here
+            rightMargin: units.smallSpacing * 2
+            bottomMargin: units.smallSpacing * 2
         }
         property int implicitWidth: Math.max(contentRow.implicitWidth, buttonsRow.implicitWidth) + 8
         property int implicitHeight: contentRow.implicitHeight + buttonsRow.implicitHeight + 8
@@ -211,22 +230,8 @@
                 }
             }
 
-            Rectangle {
-                Layout.fillHeight: true
-                width: Math.round(units.devicePixelRatio)
-                color: Kirigami.Theme.highlightColor
-                visible: categoriesScroll.visible
-                opacity: categoriesScroll.activeFocus && Window.active ? 1 : 0.3
-                Behavior on color {
-                    ColorAnimation {
-                        duration: units.longDuration
-                        easing.type: Easing.InOutQuad
-                    }
-                }
-            }
-
             Item { // spacer
-                width: units.largeSpacing
+                width: units.smallSpacing * 2
                 visible: categoriesScroll.visible
             }
 
@@ -280,6 +285,7 @@
 
                         Kirigami.Heading {
                             id: pageTitle
+                            topPadding: units.smallSpacing
                             width: scroll.width
                             level: 1
                             text: pageStack.title