diff --git a/button-group.js b/button-group.js
index e354d43..5e92669 100644
--- a/button-group.js
+++ b/button-group.js
@@ -14,7 +14,7 @@ module.exports = function (RED) {
 
             var heightPx = config.buttonheight * sizes.sy - sizes.gy;
 
-            var html = `<div style="width=100%; height=100%">
+            var html = `<div style="width=100%; height=100%; display: flex; flex-wrap: wrap; justify-content: center;">
                     <md-button id="{{$index}}" style="width:${widthPx}px; height:${heightPx}px; margin: ${sizes.gx}px ${sizes.gy}px; background-color: {{button.color}}; white-space: pre-wrap; word-break: break-word;" ng-click="buttonClick($event)" ng-mousedown="buttonDown($event)" ng-mouseup="buttonUp($event)" ng-repeat="button in msg.buttons">{{button.label}}</md-button>
                 </div>`;