diff --git a/src/app/wizard/set-datacenter/set-datacenter.component.scss b/src/app/wizard/set-datacenter/set-datacenter.component.scss
index e9e1a13b77..3ef8030623 100644
--- a/src/app/wizard/set-datacenter/set-datacenter.component.scss
+++ b/src/app/wizard/set-datacenter/set-datacenter.component.scss
@@ -1,6 +1,12 @@
 @import '../../../assets/css/colors';
 
 mat-button-toggle-group[group='datacenterGroup'] {
+  flex-wrap: wrap;
+
+  mat-button-toggle {
+    margin-top: 10px;
+  }
+
   div.km-location {
     font-weight: 300;
     font-size: 12px;
diff --git a/src/app/wizard/set-provider/set-provider.component.scss b/src/app/wizard/set-provider/set-provider.component.scss
new file mode 100644
index 0000000000..d23c022bb0
--- /dev/null
+++ b/src/app/wizard/set-provider/set-provider.component.scss
@@ -0,0 +1,7 @@
+mat-button-toggle-group[group='providerGroup'] {
+  flex-wrap: wrap;
+
+  mat-button-toggle {
+    margin-top: 10px;
+  }
+}
diff --git a/src/app/wizard/set-provider/set-provider.component.ts b/src/app/wizard/set-provider/set-provider.component.ts
index 64056f0777..5c9651d4cf 100644
--- a/src/app/wizard/set-provider/set-provider.component.ts
+++ b/src/app/wizard/set-provider/set-provider.component.ts
@@ -9,6 +9,7 @@ import {getDatacenterProvider} from '../../shared/entity/DatacenterEntity';
 @Component({
   selector: 'kubermatic-set-provider',
   templateUrl: 'set-provider.component.html',
+  styleUrls: ['set-provider.component.scss'],
 })
 export class SetProviderComponent implements OnInit, OnDestroy {
   @Input() cluster: ClusterEntity;