diff --git a/client/src/components/parts-order-modal/parts-order-modal-price-change.component.jsx b/client/src/components/parts-order-modal/parts-order-modal-price-change.component.jsx
index d211a02d4..aa6ef3384 100644
--- a/client/src/components/parts-order-modal/parts-order-modal-price-change.component.jsx
+++ b/client/src/components/parts-order-modal/parts-order-modal-price-change.component.jsx
@@ -34,13 +34,13 @@ export default function PartsOrderModalPriceChange({ form, field }) {
       {
         key: "custom",
         label: (
-          <InputNumber
-            onClick={(e) => e.stopPropagation()}
-            addonAfter="%"
-            onKeyUp={(e) => {
-              if (e.key === "Enter") {
-                const values = form.getFieldsValue();
-                const { parts_order_lines } = values;
+          <Space.Compact>
+            <InputNumber
+              onClick={(e) => e.stopPropagation()}
+              onKeyUp={(e) => {
+                if (e.key === "Enter") {
+                  const values = form.getFieldsValue();
+                  const { parts_order_lines } = values;
 
                 form.setFieldsValue({
                   parts_order_lines: {
@@ -56,10 +56,12 @@ export default function PartsOrderModalPriceChange({ form, field }) {
                 });
                 e.target.value = 0;
               }
-            }}
-            min={0}
-            max={100}
-          />
+              }}
+              min={0}
+              max={100}
+            />
+            <span style={{ padding: "0 11px", backgroundColor: "#fafafa", border: "1px solid #d9d9d9", borderLeft: 0 }}>%</span>
+          </Space.Compact>
         )
       }
     ],
diff --git a/client/src/components/parts-order-modal/parts-order-modal.component.jsx b/client/src/components/parts-order-modal/parts-order-modal.component.jsx
index 2f875501b..032559081 100644
--- a/client/src/components/parts-order-modal/parts-order-modal.component.jsx
+++ b/client/src/components/parts-order-modal/parts-order-modal.component.jsx
@@ -199,7 +199,10 @@ export function PartsOrderModalComponent({
                         key={`${index}act_price`}
                         name={[field.name, "act_price"]}
                       >
-                        <CurrencyInput addonBefore={<PartsOrderModalPriceChange form={form} field={field} />} />
+                        <Space.Compact style={{ width: "100%" }}>
+                          <PartsOrderModalPriceChange form={form} field={field} />
+                          <CurrencyInput style={{ flex: 1 }} />
+                        </Space.Compact>
                       </Form.Item>
                       {isReturn && (
                         <Form.Item
diff --git a/client/src/components/time-ticket-calculator/time-ticket-calculator.component.jsx b/client/src/components/time-ticket-calculator/time-ticket-calculator.component.jsx
index 8e4dc1362..71546f91b 100644
--- a/client/src/components/time-ticket-calculator/time-ticket-calculator.component.jsx
+++ b/client/src/components/time-ticket-calculator/time-ticket-calculator.component.jsx
@@ -93,7 +93,10 @@ export default function TimeTicketCalculatorComponent({
         </Form.Item>
 
         <Form.Item name="percent">
-          <InputNumber min={0} max={100} precision={1} addonAfter="%" />
+          <Space.Compact>
+            <InputNumber min={0} max={100} precision={1} />
+            <span style={{ padding: "0 11px", backgroundColor: "#fafafa", border: "1px solid #d9d9d9", borderLeft: 0, display: "flex", alignItems: "center" }}>%</span>
+          </Space.Compact>
         </Form.Item>
         <Button htmlType="submit">Calculate</Button>
       </Form>
diff --git a/client/src/components/time-ticket-list/time-ticket-list-team-pay.component.jsx b/client/src/components/time-ticket-list/time-ticket-list-team-pay.component.jsx
index 4aa25d687..9d08e463b 100644
--- a/client/src/components/time-ticket-list/time-ticket-list-team-pay.component.jsx
+++ b/client/src/components/time-ticket-list/time-ticket-list-team-pay.component.jsx
@@ -96,7 +96,10 @@ export function TimeTicketListTeamPay({ bodyshop, context }) {
             </Form.Item>
 
             <Form.Item name="percent">
-              <InputNumber min={0} max={100} precision={1} addonAfter="%" />
+              <Space.Compact>
+                <InputNumber min={0} max={100} precision={1} />
+                <span style={{ padding: "0 11px", backgroundColor: "#fafafa", border: "1px solid #d9d9d9", borderLeft: 0, display: "flex", alignItems: "center" }}>%</span>
+              </Space.Compact>
             </Form.Item>
           </LayoutFormRow>