From forum discussion - https://discourse.nodered.org/t/dashboard-2-0-pre-alpha-available/80142/302
Should the Template widgets overlap each other, as the browser size is reduced?

```
[{"id":"ad3cb4e43c26a2ee","type":"group","z":"03cd1d2be26baaa9","name":"Examples","style":{"label":true},"nodes":["22c820fe5df10421","a66b236cf6e0e804","6a6da25fb8dd4573","1b1a7e8fddc09c07","81d39df78d7fd9df","4b3b7886bb356094"],"x":134,"y":539,"w":372,"h":162},{"id":"22c820fe5df10421","type":"ui-template","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","group":"cb03a2a3aec89425","dashboard":"789c65a14af5d124","page":"19eb6d108e9275e2","name":"Menu","order":0,"width":"3","height":"1","head":"","format":"\n
\n \n \n \n Select Option 1\n \n \n \n \n {{ item.title }}\n \n \n \n
\n\n\n\n export default {\n data: () => ({\n items: [\n { title: 'Option 1' },\n { title: 'Option 2' },\n { title: 'Option 3' },\n { title: 'Option 4' },\n ],\n }),\n }\n\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":210,"y":580,"wires":[["a66b236cf6e0e804"]]},{"id":"a66b236cf6e0e804","type":"debug","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","name":"debug 37","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":400,"y":580,"wires":[]},{"id":"6a6da25fb8dd4573","type":"ui-template","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","group":"cb03a2a3aec89425","dashboard":"789c65a14af5d124","page":"19eb6d108e9275e2","name":"with icons","order":0,"width":"3","height":"1","head":"","format":"\n
\n \n \n \n Select Option 2\n \n \n \n 0\">\n \n \n \n \n {{ item.icon }}\n \n {{ item.title }}\n \n \n \n \n No items available\n \n \n \n
\n\n\n\n export default {\n data: () => ({\n items: [\n { title: 'Option 1', icon: 'mdi-check' },\n { title: 'Option 2', icon: 'mdi-account' },\n { title: 'Option 3', icon: 'mdi-star' },\n { title: 'Option 4', icon: 'mdi-alert' },\n ],\n }),\n};\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":220,"y":620,"wires":[["1b1a7e8fddc09c07"]]},{"id":"1b1a7e8fddc09c07","type":"debug","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","name":"debug 39","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":400,"y":620,"wires":[]},{"id":"81d39df78d7fd9df","type":"ui-template","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","group":"cb03a2a3aec89425","dashboard":"789c65a14af5d124","page":"19eb6d108e9275e2","name":"with url","order":0,"width":"3","height":"1","head":"","format":"\n
\n \n \n \n Select Option 3\n \n \n \n \n \n \n \n {{ item.icon }}\n \n {{ item.title }}\n \n \n \n \n
\n\n\n\n export default {\n data: () => ({\n items: [\n { title: 'Option 1', icon: 'mdi-check', url: 'https://example.com/option1' },\n { title: 'Option 2', icon: 'mdi-account', url: 'https://example.com/option2' },\n { title: 'Option 3', icon: 'mdi-star', url: 'https://example.com/option3' },\n { title: 'Option 4', icon: 'mdi-alert', url: 'https://example.com/option4' },\n ],\n }),\n};\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":220,"y":660,"wires":[["4b3b7886bb356094"]]},{"id":"4b3b7886bb356094","type":"debug","z":"03cd1d2be26baaa9","g":"ad3cb4e43c26a2ee","name":"debug 41","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":400,"y":660,"wires":[]},{"id":"cb03a2a3aec89425","type":"ui-group","name":"Test","page":"19eb6d108e9275e2","width":"25","height":"15","order":-1,"showTitle":true,"className":""},{"id":"789c65a14af5d124","type":"ui-base","name":"dash","path":"/dashboard"},{"id":"19eb6d108e9275e2","type":"ui-page","name":"Examples","ui":"789c65a14af5d124","path":"/examples","layout":"grid","theme":"a965ccfef139317a","order":-1,"className":""},{"id":"a965ccfef139317a","type":"ui-theme","name":"Default","colors":{"surface":"#ffffff","primary":"#0094ce","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"}}]
```
In the forum it was suggested that it may be due to using Flex - `
`, which was introduced to align the icons & text horiontally in the dropdown.
The code in the template is;
```
Select Option 2
{{ item.icon }}
{{ item.title }}
No items available
export default {
data: () => ({
items: [
{ title: 'Option 1', icon: 'mdi-check' },
{ title: 'Option 2', icon: 'mdi-account' },
{ title: 'Option 3', icon: 'mdi-star' },
{ title: 'Option 4', icon: 'mdi-alert' },
],
}),
};
```
This issue has not been assessed yet.