# How do I set the md-card settings in the ui\_template?

**URL:** <https://discourse.nodered.org/t/how-do-i-set-the-md-card-settings-in-the-ui-template/5431>\
**Category:** Dashboard\
**Created:** [3 December 2018 09:58 UTC](https://discourse.nodered.org/t/how-do-i-set-the-md-card-settings-in-the-ui-template/5431 "2018-12-03T09:58:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Georg25](https://avatars.discourse-cdn.com/v4/letter/g/ed8c4c/32.png) [@Georg25](https://discourse.nodered.org/u/Georg25)\
**Post date:** [3 December 2018 09:58 UTC](https://discourse.nodered.org/t/how-do-i-set-the-md-card-settings-in-the-ui-template/5431/1 "2018-12-03T09:58:04Z")

</div>

Hi,

how can I set the width of the md-card to 100vw default:

this is my code:

> ```
> > <div>
> > <style>
> > #RobotDashboard_Column2,
> > #RobotDashboard_Column2 md-card {
> > background: rgba(205,100,100,0);
> > border: rgba (205,205,100,0);
> > width: 100vw;
> > }
> > </style>
> > </div>
> 
> ```

and thats the result:

 ![grafik](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/2X/6/6bf6a0819256765ec51e8391d826fae52a256527.png)