less chonky

components/StyledSwitch.qml

@@ -6,13 +6,13 @@ Switch {
     id: control
     indicator: Item {
         implicitWidth: 48
-        implicitHeight: 26
+        implicitHeight: 22
         Rectangle {
             implicitWidth: parent.width
             implicitHeight: parent.height - 4
             x: control.leftPadding
             y: parent.height / 2 - height / 2
-            radius: 8
+            radius: 6
             color: control.checked ? Theme.palette.primary : Theme.palette.base100
             Behavior on color {
                 ColorAnimation {
@@ -29,9 +29,9 @@ Switch {
                     duration: 150
                 }
             }
-            width: 26
-            height: 26
-            radius: 8
+            width: 22
+            height: 22
+            radius: 6
             color: Theme.palette.basecontent
         }
     }

modules/storybook/Storybook.qml

@@ -26,12 +26,7 @@ StyledWindow {
         id: rect
 
         color: Theme.palette.base300
-        implicitWidth: 800
-        implicitHeight: 1200
-        leftMargin: 48
-        rightMargin: 48
-        topMargin: 24
-        bottomMargin: 24
+        margin: 48
         radius: 8
 
         HyprlandFocusGrab {
@@ -46,6 +41,13 @@ StyledWindow {
 
             spacing: 12
 
+            StyledText {
+                Layout.alignment: Qt.AlignHCenter
+                text: "Components"
+                font.pixelSize: 24
+                bottomPadding: 24
+            }
+
             ColumnLayout {
                 StyledText {
                     text: "Switch"