diff --git a/src/components/04_product-service/WorkManagementComponent.vue b/src/components/04_product-service/WorkManagementComponent.vue
index f47013ad..53620b1a 100644
--- a/src/components/04_product-service/WorkManagementComponent.vue
+++ b/src/components/04_product-service/WorkManagementComponent.vue
@@ -144,9 +144,9 @@ defineEmits<{
               flat
               round
               padding="0"
+              class="q-ml-md"
               color="negative"
               @click.stop="$emit('deleteWork')"
-              style="margin-inline: 12px"
             >
               <q-tooltip>{{ $t('delete') }}</q-tooltip>
             </q-btn>
@@ -319,13 +319,14 @@ defineEmits<{
 
               <q-btn
                 v-if="!readonly"
+                class="q-ml-md"
                 id="btn-delete-work-product"
                 icon="mdi-trash-can-outline"
+                padding="0"
                 dense
                 flat
                 round
                 color="negative"
-                class="q-mx-sm"
                 @click.stop="$emit('deleteProduct', productItems, index)"
               />
             </div>