Increased canary icon size

ee/app/assets/javascripts/environments/components/deploy_board_component.vue

@@ -11,9 +11,9 @@
  */
 import _ from 'underscore';
 import { GlLoadingIcon, GlLink } from '@gitlab/ui';
+import deployBoardSvg from 'ee_empty_states/icons/_deploy_board.svg';
 import { __, n__, s__, sprintf } from '~/locale';
 import tooltip from '~/vue_shared/directives/tooltip';
-import deployBoardSvg from 'ee_empty_states/icons/_deploy_board.svg';
 import STATUS_MAP from '../constants';
 
 export default {
@@ -97,8 +97,8 @@ export default {
     statuses() {
       return {
         ...STATUS_MAP,
-        transparent: {
-          class: 'transparent',
+        canary: {
+          class: 'canary-icon',
           text: __('Canary'),
           stable: false,
         },

ee/app/assets/stylesheets/components/deployment_instance.scss

@@ -67,11 +67,6 @@
     }
   }
 
-  &-transparent {
-    background-color: transparent;
-    border: none;
-  }
-
   &.deployment-instance-canary {
     &::after {
       width: 7px;
@@ -83,4 +78,14 @@
       z-index: 1;
     }
   }
+
+  &-canary-icon {
+    background-color: transparent;
+    border: none;
+
+    &::after {
+      width: 15px !important;
+      height: 15px !important;
+    }
+  }
 }