diff --git a/vue/src/components/StepComponent.vue b/vue/src/components/StepComponent.vue
index adc1d9300..672461dfd 100644
--- a/vue/src/components/StepComponent.vue
+++ b/vue/src/components/StepComponent.vue
@@ -32,9 +32,8 @@
 
             <div class="row">
                 <!-- ingredients table -->
-                <div class="col col-md-4">
-                    <table class="table table-sm"
-                           v-if="step.ingredients.length > 0 && (recipe.steps.length > 1 || force_ingredients)">
+                <div class="col col-md-4" v-if="step.ingredients.length > 0 && (recipe.steps.length > 1 || force_ingredients)">
+                    <table class="table table-sm" >
                         <ingredients-card :steps="[step]" :ingredient_factor="ingredient_factor"
                                           @checked-state-changed="$emit('checked-state-changed', $event)"/>
                     </table>