# \[SOLVED\] SVG's all shrunk

**URL:** <https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646>\
**Category:** Bugs\
**Created:** [July 30, 2022, 2:38pm UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646 "2022-07-30T14:38:22Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![cmstew](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/c/65b543/32.png) [@cmstew](https://forum.bricksbuilder.io/u/cmstew)\
**Post date:** [July 30, 2022, 2:38pm UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/1 "2022-07-30T14:38:23Z")

</div>

Similar to the already reported [shape divider issue](https://forum.bricksbuilder.io/t/1-5-rc-wip-shape-divider-broken/4636/5), there’s also an issue with regular svg’s.

svg’s get this for styling:

```auto
.brxe-svg {
    width: 100%;
    height: 100%;
}

```

but they get overridden by this:

```auto
[class*=brxe-]:not(.brxe-icon) svg:not([width]) {
    width: 1em
}

[class*=brxe-]:not(.brxe-icon) svg:not([height]) {
    height: 1em
}

```

Additionally, setting custom width/height for svg’s inside query loops is ignored completely because query loop styles have lower priority due to the Id getting converted to Classes.

---

<div class="post-metadata">

**Author:** ![onediv](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/o/977dab/32.png) [@onediv](https://forum.bricksbuilder.io/u/onediv)\
**Post date:** [July 31, 2022, 4:46am UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/2 "2022-07-31T04:46:14Z")

</div>

Can confirm, same here.

---

<div class="post-metadata">

**Author:** ![ceescoenen](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/c/e95f7d/32.png) [@ceescoenen](https://forum.bricksbuilder.io/u/ceescoenen)\
**Post date:** [July 31, 2022, 9:19am UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/3 "2022-07-31T09:19:19Z")

</div>

Confirm the problem , same here

---

<div class="post-metadata">

**Author:** ![jmcbade](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/jmcbade/32/3375_2.png) [@jmcbade](https://forum.bricksbuilder.io/u/jmcbade)\
**Post date:** [July 31, 2022, 10:11am UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/4 "2022-07-31T10:11:06Z")

</div>

I am replying as I am interested in updates to this thread.

---

<div class="post-metadata">

**Author:** ![omega](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/o/a6a055/32.png) [@omega](https://forum.bricksbuilder.io/u/omega)\
**Post date:** [July 31, 2022, 10:13am UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/5 "2022-07-31T10:13:37Z")

</div>

There is a temporary solution available though. [[1.5-rc] WIP: Shape divider broken - #4 by Nima](https://forum.bricksbuilder.io/t/1-5-rc-wip-shape-divider-broken/4636/4)

Use .brxe-svg { with width height important instead of shape divider selector.

---

<div class="post-metadata">

**Author:** ![Johnhorton1979](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/j/8c91f0/32.png) [@Johnhorton1979](https://forum.bricksbuilder.io/u/Johnhorton1979)\
**Post date:** [July 31, 2022, 3:09pm UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/6 "2022-07-31T15:09:30Z")

</div>

same for me, however the temp fix below isnt working

.brxe-svg {  
height: 100% !important;  
width: 100% !important;  
}

---

<div class="post-metadata">

**Author:** ![cmstew](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/c/65b543/32.png) [@cmstew](https://forum.bricksbuilder.io/u/cmstew)\
**Post date:** [July 31, 2022, 3:26pm UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/7 "2022-07-31T15:26:39Z")

</div>

This is a better temp fix that fixes almost all the broken svg’s, EXCEPT svg’s that are inside query loops.

```auto
[class*=brxe-]:not(.brxe-icon) svg:not([width]) {
    width: 100%;
}

[class*=brxe-]:not(.brxe-icon) svg:not([height]) {
    height: 100%;
}

```

---

<div class="post-metadata">

**Author:** ![cristianuibar](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/cristianuibar/32/29_2.png) [@cristianuibar](https://forum.bricksbuilder.io/u/cristianuibar)\
**Post date:** [July 31, 2022, 7:55pm UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/8 "2022-07-31T19:55:02Z")

</div>

Thank you for the fix. This worked for me.

I also confirm this behavior after upgrading to RC from Beta.

**This is also the case for the Logo element while using an SVG for it.**

---

<div class="post-metadata">

**Author:** ![emmanuelson](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/emmanuelson/32/24437_2.png) [@emmanuelson](https://forum.bricksbuilder.io/u/emmanuelson)\
**Post date:** [July 31, 2022, 8:58pm UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/9 "2022-07-31T20:58:21Z")

</div>

Same issue with my svg logo(I am using the logo element). The CSS makes matters worse by increasing the size of the alert element close icon…

 ![image](https://forum.bricksbuilder.io/uploads/default/original/2X/8/81012035a57c462c5f81cb6dbfa8da162dacddb4.png)

---

<div class="post-metadata">

**Author:** ![timmse](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/timmse/32/1192_2.png) [@timmse](https://forum.bricksbuilder.io/u/timmse)\
**Post date:** [August 1, 2022, 7:10pm UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/10 "2022-08-01T19:10:45Z")

</div>

Hi guys,  
Thanks so much for your report(s)!

Due to the [shape divider bug](https://forum.bricksbuilder.io/t/1-5-rc-wip-shape-divider-broken/4636/3), we already have the problem on our radar and will fix it in the next release.

Best regards,  
timmse

---

<div class="post-metadata">

**Author:** ![thomas](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/thomas/32/3_2.png) [@thomas](https://forum.bricksbuilder.io/u/thomas)\
**Post date:** [August 6, 2022, 6:41am UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/11 "2022-08-06T06:41:03Z")

</div>

Hey everyone 👋

This SVG width/height bug should have been fixed in the latest 1.5 RC2 🥳

If anyone is still experiencing any issues, please let me know.

---

<div class="post-metadata">

**Author:** ![HeroRox](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/h/8baadc/32.png) [@HeroRox](https://forum.bricksbuilder.io/u/HeroRox)\
**Post date:** [August 6, 2022, 9:28am UTC](https://forum.bricksbuilder.io/t/solved-svgs-all-shrunk/4646/12 "2022-08-06T09:28:33Z")

</div>

Hi @thomas, I switched from 1.5Beta to RC+RC2 on a local site. Although the logo element (with SVG) is present in the structure, but it is not existent in the builder and frontend.

**[SOLVED]** I exported the SVG logo again and now it works in RC+RC2. Strange that it was still displayed fine in the beta…
