Use bootstrap utility classes instead of gitlab-ui

app/assets/stylesheets/utilities.scss

@@ -28,3 +28,6 @@
 .border-color-blue-300 { border-color: $blue-300; }
 .border-color-default { border-color: $border-color; }
 .box-shadow-default { box-shadow: 0 2px 4px 0 $black-transparent; }
+
+.gl-w-64 { width: px-to-rem($grid-size * 8); }
+.gl-h-64 { height: px-to-rem($grid-size * 8); }

app/views/clusters/clusters/cloud_providers/_cloud_provider_button.html.haml

@@ -4,7 +4,7 @@
 - last = local_assigns.fetch(:last, false)
 - classes = ['btn btn-light btn-outline flex-fill d-inline-flex flex-column justify-content-center align-items-center', ('mr-3' unless last)]
 
-= link_to clusterable.new_path(provider: provider), class: classes do
-  .p-2= image_tag logo_path, alt: label, class: 'gl-w-64 gl-h-64'
+= link_to clusterable.new_path(provider: provider), class: 'btn btn-light btn-outline flex-fill d-inline-flex flex-column mr-3 justify-content-center align-items-center' do
+  .svg-content.p-2= image_tag logo_path, alt: label, class: 'gl-w-64 gl-h-64'
   %span
     = label

app/views/clusters/clusters/cloud_providers/_cloud_provider_selector.html.haml

@@ -2,7 +2,7 @@
 - eks_label = s_('ClusterIntegration|Amazon EKS')
 - create_cluster_label = s_('ClusterIntegration|Create cluster on')
 .d-flex.flex-column
-  %h5.gl-my-5
+  %h5.mb-3
     = create_cluster_label
   .d-flex
     = render partial: 'clusters/clusters/cloud_providers/cloud_provider_button',