# Remove Barcode Padding

**URL:** <https://forum.inductiveautomation.com/t/remove-barcode-padding/56251>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [February 17, 2022, 12:02pm UTC](https://forum.inductiveautomation.com/t/remove-barcode-padding/56251 "2022-02-17T12:02:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gaurav.Shitole](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gaurav.shitole/32/72050_2.png) [@Gaurav.Shitole](https://forum.inductiveautomation.com/u/Gaurav.Shitole)\
**Post date:** [February 17, 2022, 12:02pm UTC](https://forum.inductiveautomation.com/t/remove-barcode-padding/56251/1 "2022-02-17T12:02:40Z")

</div>

Hello there,

I am using Barcode Component in Ignition and would like to remove default padding coming to it. As you can see below

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/7/075e9590741785942ea81c34fcb10646797faf39.png)

I am getting default padding which I checked is like below:

> element.style {width: 155px; height: 91px; padding: 9.81px}

It's coming like this. I would like to remove it or set it something like below:

> element.style {width: 250; height: 91px; padding: 1.px}

How can I do this? Is there any way I could modify element.style?

v8.1.12

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [February 17, 2022, 1:17pm UTC](https://forum.inductiveautomation.com/t/remove-barcode-padding/56251/2 "2022-02-17T13:17:22Z")

</div>

Be aware that barcodes typically need 2-3 bars of whitespace on either side to be readable. The padding setting you show looks like it is computed to meet the barcode’s whitespace specification.

---

<div class="post-metadata">

**Author:** ![Gaurav.Shitole](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gaurav.shitole/32/72050_2.png) [@Gaurav.Shitole](https://forum.inductiveautomation.com/u/Gaurav.Shitole)\
**Post date:** [February 17, 2022, 1:46pm UTC](https://forum.inductiveautomation.com/t/remove-barcode-padding/56251/3 "2022-02-17T13:46:43Z")

</div>

Yes but this is causing issues while scanning with Zebra scanner.

If I use same code from a website (like any barcode generator), it scans quickly. This is one does not scan unless operator bring Scanner way too closer

---

<div class="post-metadata">

**Author:** ![Gaurav.Shitole](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/gaurav.shitole/32/72050_2.png) [@Gaurav.Shitole](https://forum.inductiveautomation.com/u/Gaurav.Shitole)\
**Post date:** [February 17, 2022, 1:48pm UTC](https://forum.inductiveautomation.com/t/remove-barcode-padding/56251/4 "2022-02-17T13:48:32Z")

</div>

In case someone needs, I have managed to enlarge it a bit with following css:

```auto
}.barcode { padding: 1.9px; width: 100%; height: 90px;}{

```