diff --git a/projects/editor/src/app/components/properties-panel/style-properties-tab/element-style-properties.component.ts b/projects/editor/src/app/components/properties-panel/style-properties-tab/element-style-properties.component.ts
index a88f7c86e04fb39011e64c528d17c2606dbfaccb..9e5f4bf0377cff6e0045c3fe66939d08379c59aa 100644
--- a/projects/editor/src/app/components/properties-panel/style-properties-tab/element-style-properties.component.ts
+++ b/projects/editor/src/app/components/properties-panel/style-properties-tab/element-style-properties.component.ts
@@ -5,7 +5,7 @@ import { UnitService } from 'editor/src/app/services/unit.service';
 @Component({
   selector: 'aspect-element-style-properties',
   template: `
-    <div fxLayout="column" *ngIf="styles">
+    <div class="fx-column-start-stretch" *ngIf="styles">
       <mat-checkbox *ngIf="styles.lineColoring !== undefined"
                     [checked]="$any(styles.lineColoring)"
                     (change)="unitService.updateSelectedElementsStyleProperty('lineColoring', $event.checked)">
@@ -157,7 +157,16 @@ import { UnitService } from 'editor/src/app/services/unit.service';
                (ngModelChange)="unitService.updateSelectedElementsStyleProperty('borderWidth', $event)">
       </mat-form-field>
     </fieldset>
-  `
+  `,
+  styles: [`
+    .fx-column-start-stretch {
+      box-sizing: border-box;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: stretch;
+    }
+  `]
 })
 export class ElementStylePropertiesComponent {
   @Input() styles!: BasicStyles & ExtendedStyles | undefined;