Changes after review

app/assets/javascripts/environments/components/deploy_board_component.js

@@ -163,7 +163,7 @@ export default {
             <template v-for="instance in deployBoardData.instances">
               <instance-component
                 :status="instance.status"
-                :tooltipText="instance.tooltip"
+                :tooltip-text="instance.tooltip"
                 :stable="instance.stable" />
             </template>
           </div>

app/assets/javascripts/environments/components/deploy_board_instance_component.js

@@ -44,7 +44,7 @@ export default {
       let cssClassName = `deploy-board-instance-${this.status}`;
 
       if (!this.stable) {
-        cssClassName = `deploy-board-instance-${this.status} deploy-board-instance-canary`;
+        cssClassName = `${cssClassName} deploy-board-instance-canary`;
       }
 
       return cssClassName;

app/assets/stylesheets/pages/environments.scss

@@ -280,7 +280,7 @@
       height: 7px;
       border: 1px solid $white-light;
       background-color: $orange-300;
-      border-radius: 50px;
+      border-radius: 50%;
       content: "";
     }
   }