# SVG Element disappears when spacing/padding is enabled **URL:** \ **Category:** RapidWeaver Elements\ **Created:** [December 28, 2024, 3:10pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758 "2024-12-28T15:10:40Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [December 28, 2024, 3:10pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758/1 "2024-12-28T15:10:40Z")
I’ve run into an issue when trying to add padding to an SVG Element where it disappears as soon as I turn on spacing (margins & padding). I’ve uploaded the document to my Elements Cloud account: [DisappearingSVG.elements](elementsapp://downloadDocument/SgOrAhqV45SW). Before _(without spacing enabled)_: ![CleanShot 2024-12-28 at 10.06.07@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/6/6677401f6d47c790082009765c28ae56dcdbae46.jpeg) After _(with spacing - margins & padding enabled)_: ![CleanShot 2024-12-28 at 10.06.43@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/4/04b2192521617dd73e2d2efdeba2c40c9832b923.jpeg) ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [December 29, 2024, 12:26pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758/2 "2024-12-29T12:26:59Z")
This is a standard CSS issue - If an SVG does not have an explicit width and height property set, it will sometimes collapse to 0 width or height. I checked your SVG and the size was set to auto, so setting margin to auto makes the SVG resize 0… To fix this you just need to give your SVG a width value. ![CleanShot 2024-12-29 at 12 .21.49@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/1/c141bb8c29a91528aa432ce38a9060100e6af3e9.png) ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [December 29, 2024, 2:33pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758/3 "2024-12-29T14:33:51Z")
That’s great if you want a specific width, but it’s not overly helpful if you simply want the SVG to fill _(partially or fully)_ the container, ie: 100% width (or any other percentage). Begin able to set width using relative units/percentages is really helpful when creating responsive designs as width can be controlled by parent sizes. Any chance [relative units/percentages](https://tailwindcss.com/docs/width#percentage-widths) (ie: w-1/2, w-[40%], etc.) can be added to the sizing properties? ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [December 29, 2024, 3:56pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758/4 "2024-12-29T15:56:57Z")
Yup, you can already do this, css values are supported ☺ just put in 100% on the width for example. If you want to use Tailwind specific classes, put those in the advanced settings. ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [December 29, 2024, 4:06pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758/5 "2024-12-29T16:06:11Z")
Ah… you need to ‘uncheck’ the ‘theme’ icon to get the input field. Not very intuitive, but it works. Thanks! IMHO the inspector still needs some love. 😜 ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [December 29, 2024, 8:47pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758/6 "2024-12-29T20:47:05Z")
Haha, it’s still on the list, and I still have your mockups as a reference 😉 ---
**Author:** ![anon68150607](https://avatars.discourse-cdn.com/v4/letter/a/4bbf92/32.png) [@anon68150607](https://forums.realmacsoftware.com/u/anon68150607)\ **Post date:** [December 29, 2024, 9:18pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758/7 "2024-12-29T21:18:14Z")
Do you still have the Sketch file? If so, any chance you could send it to me as I seem to have misplaced it. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [December 29, 2024, 9:42pm UTC](https://forums.realmacsoftware.com/t/svg-element-disappears-when-spacing-padding-is-enabled/45758/8 "2024-12-29T21:42:55Z")
Of course, [here’s a link to it in Sketch Cloud](https://www.sketch.com/s/708bfff4-d038-4717-8cb4-3cd322714500) ☺