diff --git a/app/components/webhook/new-receiver/template.hbs b/app/components/webhook/new-receiver/template.hbs
index 84791b9fa..4fa236821 100644
--- a/app/components/webhook/new-receiver/template.hbs
+++ b/app/components/webhook/new-receiver/template.hbs
@@ -4,7 +4,7 @@
 </section>
 
   <div class="row">
-    <div class="col span-6 offset-3">
+    <div class="col span-6">
       <div class="form-label form-control-static">
         <label>{{t 'generic.name'}}{{field-required}}</label>
       </div>
@@ -13,7 +13,7 @@
       </div>
     </div>
 
-    <div class="col span-6 offset-3">
+    <div class="col span-6">
       <div class="form-label form-control-static">
         <label>{{t 'newReceiver.driver.label'}}</label>
       </div>
diff --git a/app/components/webhook/scale-service-config/template.hbs b/app/components/webhook/scale-service-config/template.hbs
index 0a898216e..967219977 100644
--- a/app/components/webhook/scale-service-config/template.hbs
+++ b/app/components/webhook/scale-service-config/template.hbs
@@ -1,5 +1,4 @@
-<div class="row form-group">
-  <div class="col span-6 offset-3">
+<div class="row form-group mt-40">
     <div class="form-label form-control-static">
       <label>{{t 'newReceiver.action.label'}}</label>
     </div>
@@ -11,44 +10,39 @@
         <label>{{radio-button selection=model.action value="down"}}&nbsp;{{t 'newReceiver.action.down'}}</label>
       </span>
     </div>
-  </div>
 </div>
 
-<div class="row form-group">
-  <div class="col span-6 offset-3">
+<div class="row form-group mt-40">
     <div class="form-label form-control-static">
       <label>{{t 'newReceiver.service.label'}}{{field-required}}</label>
     </div>
     <div>
       {{schema/input-service selected=model.serviceId canHaveContainers=true}}
     </div>
-  </div>
 </div>
 
-<div class="row form-group">
-  <div class="col span-6 offset-3">
-    <div class="form-label form-control-static">
-      <label>{{t 'newReceiver.amount.label'}}</label>
-    </div>
+<div class="row form-group mt-40">
     <div class="row">
-      <div class="col span-2">
+      <div class="col span-1">
+        <label>{{t 'newReceiver.amount.label'}}</label>
+      </div>
+      <div class="col span-1">
         {{format-number model.amount}}
       </div>
       <div class="col span-10">
         {{input-slider value=model.amount valueMin=1 valueMax=11}}
       </div>
     </div>
-  </div>
 </div>
 
-<div class="row form-group">
-  <div class="col span-3 offset-3">
+<div class="row form-group mt-40">
+  <div class="col span-6">
     <div class="form-label form-control-static">
       <label>{{t 'newReceiver.min.label'}}</label>
     </div>
     {{input-integer min=1 value=model.min class="form-control" placeholder=(t 'newReceiver.min.placeholder')}}
   </div>
-  <div class="col span-3">
+  <div class="col span-6">
     <div class="form-label form-control-static">
       <label>{{t 'newReceiver.max.label'}}</label>
     </div>