diff --git a/ui/qml/OutlineView.qml b/ui/qml/OutlineView.qml
index e2c3d4d..28e684a 100644
--- a/ui/qml/OutlineView.qml
+++ b/ui/qml/OutlineView.qml
@@ -346,11 +346,11 @@ ListView {
                         Component {
                             id: textBlockComponent
                             RowLayout {
-                                spacing: 8
+                                spacing: outline.baseFontSize * 0.5
                                 Rectangle {
-                                    width: 2
+                                    width: outline.baseFontSize / 6
                                     Layout.fillHeight: true
-                                    Layout.leftMargin: 2
+                                    Layout.leftMargin: outline.baseFontSize / 6
                                     color: theme.midColor
                                 }
                                 Label {
@@ -369,14 +369,14 @@ ListView {
                             id: codeBlockComponent
                             Rectangle {
                                 color: theme.alternateBaseColor
-                                radius: 4
-                                implicitHeight: codeColumn.implicitHeight + 12
+                                radius: outline.baseFontSize / 3
+                                implicitHeight: codeColumn.implicitHeight + outline.baseFontSize
                                 
                                 ColumnLayout {
                                     id: codeColumn
                                     anchors.fill: parent
-                                    anchors.margins: 6
-                                    spacing: 4
+                                    anchors.margins: outline.baseFontSize * 0.5
+                                    spacing: outline.baseFontSize * 0.3
                                     
                                     // Language label
                                     Label {
@@ -406,8 +406,8 @@ ListView {
                             Rectangle {
                                 id: tableRect
                                 color: theme.alternateBaseColor
-                                radius: 4
-                                implicitHeight: tableColumn.implicitHeight + 16
+                                radius: outline.baseFontSize / 3
+                                implicitHeight: tableColumn.implicitHeight + outline.baseFontSize * 1.5
                                 
                                 property var tableData: modelData
                                 
@@ -415,8 +415,8 @@ ListView {
                                     id: tableColumn
                                     anchors.left: parent.left
                                     anchors.top: parent.top
-                                    anchors.margins: 8
-                                    spacing: 2
+                                    anchors.margins: outline.baseFontSize * 0.75
+                                    spacing: outline.baseFontSize * 0.25
                                     
                                     Repeater {
                                         model: tableRect.tableData.rows ?? []
@@ -425,14 +425,17 @@ ListView {
                                             required property var modelData
                                             required property int index
                                             property bool isHeader: index === 0 && (tableRect.tableData.hasHeader ?? false)
-                                            spacing: 16
+                                            spacing: outline.baseFontSize * 1.5
                                             
                                             Repeater {
                                                 model: modelData
                                                 
                                                 Label {
                                                     required property string modelData
-                                                    Layout.minimumWidth: 60
+                                                    leftPadding: outline.baseFontSize * 0.5
+                                                    rightPadding: outline.baseFontSize * 0.5
+                                                    topPadding: outline.baseFontSize * 0.25
+                                                    bottomPadding: outline.baseFontSize * 0.25
                                                     text: modelData
                                                     color: parent.isHeader ? theme.textColor : theme.placeholderTextColor
                                                     font.bold: parent.isHeader