diff --git a/src/components/04_product-service/WorkManagementComponent.vue b/src/components/04_product-service/WorkManagementComponent.vue
index 0ba9e88b..f47013ad 100644
--- a/src/components/04_product-service/WorkManagementComponent.vue
+++ b/src/components/04_product-service/WorkManagementComponent.vue
@@ -145,14 +145,15 @@ defineEmits<{
               round
               padding="0"
               color="negative"
-              class="q-ml-sm"
               @click.stop="$emit('deleteWork')"
+              style="margin-inline: 12px"
             >
               <q-tooltip>{{ $t('delete') }}</q-tooltip>
             </q-btn>
           </div>
         </div>
       </template>
+
       <div class="surface-2">
         <!-- properties -->
         <div class="bordered-t">
@@ -180,7 +181,7 @@ defineEmits<{
             </q-btn>
           </div>
 
-          <div class="q-py-md q-px-lg full-width">
+          <div class="q-py-md q-px-md full-width">
             <div
               v-if="attributes.additional.length > 0"
               class="row items-center full-width surface-1 q-py-md q-px-sm q-gutter-sm"
@@ -222,7 +223,7 @@ defineEmits<{
 
           <div
             v-if="productItems.length > 0"
-            class="q-py-md q-px-lg full-width q-gutter-y-sm"
+            class="q-py-md q-px-md full-width q-gutter-y-sm"
           >
             <div
               v-for="(product, index) in productItems"