diff --git a/ui-cra/package.json b/ui-cra/package.json
index 06880ac592..9498720e69 100644
--- a/ui-cra/package.json
+++ b/ui-cra/package.json
@@ -7,7 +7,7 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/react-fontawesome": "^0.1.14",
-    "@material-ui/core": "^4.12.3",
+    "@material-ui/core": "^4.12.4",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.58",
     "@material-ui/styles": "^4.11.4",
diff --git a/ui-cra/src/components/Applications/__tests__/__snapshots__/index.test.tsx.snap b/ui-cra/src/components/Applications/__tests__/__snapshots__/index.test.tsx.snap
index 3ace290c9a..bcfe25a860 100644
--- a/ui-cra/src/components/Applications/__tests__/__snapshots__/index.test.tsx.snap
+++ b/ui-cra/src/components/Applications/__tests__/__snapshots__/index.test.tsx.snap
@@ -259,13 +259,13 @@ exports[`Applications index test snapshots loading 1`] = `
         >
           <span
             aria-disabled="false"
-            class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-5 MuiSwitch-switchBase MuiSwitch-colorPrimary"
+            class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-8 MuiSwitch-switchBase MuiSwitch-colorPrimary"
           >
             <span
               class="MuiIconButton-label"
             >
               <input
-                class="PrivateSwitchBase-input-8 MuiSwitch-input"
+                class="PrivateSwitchBase-input-11 MuiSwitch-input"
                 type="checkbox"
                 value=""
               />
@@ -1189,13 +1189,13 @@ exports[`Applications index test snapshots success 1`] = `
         >
           <span
             aria-disabled="false"
-            class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-9 MuiSwitch-switchBase MuiSwitch-colorPrimary"
+            class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-15 MuiSwitch-switchBase MuiSwitch-colorPrimary"
           >
             <span
               class="MuiIconButton-label"
             >
               <input
-                class="PrivateSwitchBase-input-12 MuiSwitch-input"
+                class="PrivateSwitchBase-input-18 MuiSwitch-input"
                 type="checkbox"
                 value=""
               />
@@ -1255,7 +1255,7 @@ exports[`Applications index test snapshots success 1`] = `
             style="width: 100%;"
           >
             <div
-              class="MuiBox-root MuiBox-root-7"
+              class="MuiBox-root MuiBox-root-19"
               style="width: 100%;"
             />
             <div
@@ -1574,14 +1574,14 @@ exports[`Applications index test snapshots success 1`] = `
                           >
                             <span
                               aria-disabled="false"
-                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-9 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-10 Mui-checked MuiIconButton-colorPrimary"
+                              class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-15 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-16 Mui-checked MuiIconButton-colorPrimary"
                             >
                               <span
                                 class="MuiIconButton-label"
                               >
                                 <input
                                   checked=""
-                                  class="PrivateSwitchBase-input-12"
+                                  class="PrivateSwitchBase-input-18"
                                   data-indeterminate="false"
                                   type="checkbox"
                                   value=""
@@ -2061,14 +2061,14 @@ exports[`Applications index test snapshots success 1`] = `
                                   >
                                     <span
                                       aria-disabled="true"
-                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-9 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-11 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
+                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-15 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-17 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
                                       tabindex="-1"
                                     >
                                       <span
                                         class="MuiIconButton-label"
                                       >
                                         <input
-                                          class="PrivateSwitchBase-input-12"
+                                          class="PrivateSwitchBase-input-18"
                                           data-indeterminate="false"
                                           disabled=""
                                           id="clusterName"
@@ -2111,14 +2111,14 @@ exports[`Applications index test snapshots success 1`] = `
                                   >
                                     <span
                                       aria-disabled="true"
-                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-9 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-11 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
+                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-15 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-17 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
                                       tabindex="-1"
                                     >
                                       <span
                                         class="MuiIconButton-label"
                                       >
                                         <input
-                                          class="PrivateSwitchBase-input-12"
+                                          class="PrivateSwitchBase-input-18"
                                           data-indeterminate="false"
                                           disabled=""
                                           id="namespace"
@@ -2161,14 +2161,14 @@ exports[`Applications index test snapshots success 1`] = `
                                   >
                                     <span
                                       aria-disabled="true"
-                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-9 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-11 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
+                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-15 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-17 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
                                       tabindex="-1"
                                     >
                                       <span
                                         class="MuiIconButton-label"
                                       >
                                         <input
-                                          class="PrivateSwitchBase-input-12"
+                                          class="PrivateSwitchBase-input-18"
                                           data-indeterminate="false"
                                           disabled=""
                                           id="status"
@@ -2211,14 +2211,14 @@ exports[`Applications index test snapshots success 1`] = `
                                   >
                                     <span
                                       aria-disabled="true"
-                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-9 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-11 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
+                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-15 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-17 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
                                       tabindex="-1"
                                     >
                                       <span
                                         class="MuiIconButton-label"
                                       >
                                         <input
-                                          class="PrivateSwitchBase-input-12"
+                                          class="PrivateSwitchBase-input-18"
                                           data-indeterminate="false"
                                           disabled=""
                                           id="tenant"
@@ -2261,14 +2261,14 @@ exports[`Applications index test snapshots success 1`] = `
                                   >
                                     <span
                                       aria-disabled="true"
-                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-9 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-11 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
+                                      class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-15 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-17 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled"
                                       tabindex="-1"
                                     >
                                       <span
                                         class="MuiIconButton-label"
                                       >
                                         <input
-                                          class="PrivateSwitchBase-input-12"
+                                          class="PrivateSwitchBase-input-18"
                                           data-indeterminate="false"
                                           disabled=""
                                           id="type"
diff --git a/ui-cra/src/components/Pipelines/PipelineDetails/__tests__/__snapshots__/PipelineDetails.test.tsx.snap b/ui-cra/src/components/Pipelines/PipelineDetails/__tests__/__snapshots__/PipelineDetails.test.tsx.snap
index 157306f530..a34df6101d 100644
--- a/ui-cra/src/components/Pipelines/PipelineDetails/__tests__/__snapshots__/PipelineDetails.test.tsx.snap
+++ b/ui-cra/src/components/Pipelines/PipelineDetails/__tests__/__snapshots__/PipelineDetails.test.tsx.snap
@@ -706,13 +706,13 @@ exports[`PipelineDetails snapshots renders 1`] = `
         >
           <span
             aria-disabled="false"
-            class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-33 MuiSwitch-switchBase MuiSwitch-colorPrimary"
+            class="MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-92 MuiSwitch-switchBase MuiSwitch-colorPrimary"
           >
             <span
               class="MuiIconButton-label"
             >
               <input
-                class="PrivateSwitchBase-input-36 MuiSwitch-input"
+                class="PrivateSwitchBase-input-95 MuiSwitch-input"
                 type="checkbox"
                 value=""
               />
@@ -772,11 +772,11 @@ exports[`PipelineDetails snapshots renders 1`] = `
             style="width: 100%;"
           >
             <div
-              class="MuiBox-root MuiBox-root-60"
+              class="MuiBox-root MuiBox-root-96"
               style="width: 100%;"
             />
             <div
-              class="MuiBox-root MuiBox-root-61"
+              class="MuiBox-root MuiBox-root-97"
             >
               <div
                 class="c21"
@@ -792,7 +792,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                       class="MuiGrid-root MuiGrid-item"
                     >
                       <div
-                        class="MuiBox-root MuiBox-root-62 "
+                        class="MuiBox-root MuiBox-root-98 "
                       >
                         <div
                           aria-label="Automated"
@@ -811,7 +811,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                       class="MuiGrid-root MuiGrid-item"
                     >
                       <div
-                        class="MuiBox-root MuiBox-root-63 "
+                        class="MuiBox-root MuiBox-root-99 "
                       >
                         <div
                           aria-label="Strategy"
@@ -830,7 +830,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                       class="MuiGrid-root MuiGrid-item"
                     >
                       <div
-                        class="MuiBox-root MuiBox-root-64 "
+                        class="MuiBox-root MuiBox-root-100 "
                       >
                         <div
                           aria-label="URL"
@@ -853,7 +853,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                       class="MuiGrid-root MuiGrid-item"
                     >
                       <div
-                        class="MuiBox-root MuiBox-root-65 "
+                        class="MuiBox-root MuiBox-root-101 "
                       >
                         <div
                           aria-label="Branch"
@@ -880,7 +880,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                     style="pointer-events: none;"
                   >
                     <div
-                      class="makeStyles-editButton-59"
+                      class="makeStyles-editButton-91"
                     >
                       <button
                         class="MuiButtonBase-root MuiButton-root MuiButton-outlined c25 c26 MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled"
@@ -1006,7 +1006,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                     </a>
                   </div>
                   <span
-                    class="PrivateTabIndicator-root-37 PrivateTabIndicator-colorPrimary-38 MuiTabs-indicator"
+                    class="PrivateTabIndicator-root-102 PrivateTabIndicator-colorPrimary-103 MuiTabs-indicator"
                     style="left: 0px; width: 0px;"
                   />
                 </div>
@@ -1015,22 +1015,22 @@ exports[`PipelineDetails snapshots renders 1`] = `
                 class="c30"
               />
               <div
-                class="MuiGrid-root makeStyles-gridWrapper-54 c31 MuiGrid-container MuiGrid-spacing-xs-4"
+                class="MuiGrid-root makeStyles-gridWrapper-86 c31 MuiGrid-container MuiGrid-spacing-xs-4"
               >
                 <div
-                  class="MuiGrid-root makeStyles-gridContainer-53 MuiGrid-item MuiGrid-grid-xs-true"
+                  class="MuiGrid-root makeStyles-gridContainer-85 MuiGrid-item MuiGrid-grid-xs-true"
                   id="dev"
                 >
                   <div
-                    class="makeStyles-mbSmall-57"
+                    class="makeStyles-mbSmall-89"
                   >
                     <div
-                      class="makeStyles-title-55"
+                      class="makeStyles-title-87"
                     >
                       dev
                     </div>
                     <div
-                      class="makeStyles-subtitle-56"
+                      class="makeStyles-subtitle-88"
                     >
                       1
                        Targets
@@ -1127,7 +1127,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                             </span>
                           </a>
                           <div
-                            class="makeStyles-subtitle-56 makeStyles-subtitleColor-58"
+                            class="makeStyles-subtitle-88 makeStyles-subtitleColor-90"
                           >
                             <span>
                               Specification:
@@ -1150,19 +1150,19 @@ exports[`PipelineDetails snapshots renders 1`] = `
                   
                 </div>
                 <div
-                  class="MuiGrid-root makeStyles-gridContainer-53 MuiGrid-item MuiGrid-grid-xs-true"
+                  class="MuiGrid-root makeStyles-gridContainer-85 MuiGrid-item MuiGrid-grid-xs-true"
                   id="test"
                 >
                   <div
-                    class="makeStyles-mbSmall-57"
+                    class="makeStyles-mbSmall-89"
                   >
                     <div
-                      class="makeStyles-title-55"
+                      class="makeStyles-title-87"
                     >
                       test
                     </div>
                     <div
-                      class="makeStyles-subtitle-56"
+                      class="makeStyles-subtitle-88"
                     >
                       2
                        Targets
@@ -1259,7 +1259,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                             </span>
                           </a>
                           <div
-                            class="makeStyles-subtitle-56 makeStyles-subtitleColor-58"
+                            class="makeStyles-subtitle-88 makeStyles-subtitleColor-90"
                           >
                             <span>
                               Specification:
@@ -1370,7 +1370,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                             </span>
                           </a>
                           <div
-                            class="makeStyles-subtitle-56 makeStyles-subtitleColor-58"
+                            class="makeStyles-subtitle-88 makeStyles-subtitleColor-90"
                           >
                             <span>
                               Specification:
@@ -1393,19 +1393,19 @@ exports[`PipelineDetails snapshots renders 1`] = `
                   
                 </div>
                 <div
-                  class="MuiGrid-root makeStyles-gridContainer-53 MuiGrid-item MuiGrid-grid-xs-true"
+                  class="MuiGrid-root makeStyles-gridContainer-85 MuiGrid-item MuiGrid-grid-xs-true"
                   id="prod"
                 >
                   <div
-                    class="makeStyles-mbSmall-57"
+                    class="makeStyles-mbSmall-89"
                   >
                     <div
-                      class="makeStyles-title-55"
+                      class="makeStyles-title-87"
                     >
                       prod
                     </div>
                     <div
-                      class="makeStyles-subtitle-56"
+                      class="makeStyles-subtitle-88"
                     >
                       1
                        Targets
@@ -1502,7 +1502,7 @@ exports[`PipelineDetails snapshots renders 1`] = `
                             </span>
                           </a>
                           <div
-                            class="makeStyles-subtitle-56 makeStyles-subtitleColor-58"
+                            class="makeStyles-subtitle-88 makeStyles-subtitleColor-90"
                           >
                             <span>
                               Specification:
diff --git a/ui-cra/yarn.lock b/ui-cra/yarn.lock
index 4de3f086af..6d524804ec 100644
--- a/ui-cra/yarn.lock
+++ b/ui-cra/yarn.lock
@@ -1487,24 +1487,6 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
-"@material-ui/core@^4.12.3":
-  version "4.12.3"
-  resolved "https://registry.npmjs.org/@material-ui/core/-/core-4.12.3.tgz"
-  integrity sha512-sdpgI/PL56QVsEJldwEe4FFaFTLUqN+rd7sSZiRCdx2E/C7z5yK0y/khAWVBH24tXwto7I1hCzNWfJGZIYJKnw==
-  dependencies:
-    "@babel/runtime" "^7.4.4"
-    "@material-ui/styles" "^4.11.4"
-    "@material-ui/system" "^4.12.1"
-    "@material-ui/types" "5.1.0"
-    "@material-ui/utils" "^4.11.2"
-    "@types/react-transition-group" "^4.2.0"
-    clsx "^1.0.4"
-    hoist-non-react-statics "^3.3.2"
-    popper.js "1.16.1-lts"
-    prop-types "^15.7.2"
-    react-is "^16.8.0 || ^17.0.0"
-    react-transition-group "^4.4.0"
-
 "@material-ui/core@^4.12.4":
   version "4.12.4"
   resolved "https://registry.yarnpkg.com/@material-ui/core/-/core-4.12.4.tgz#4ac17488e8fcaf55eb6a7f5efb2a131e10138a73"
@@ -1585,16 +1567,6 @@
     jss-plugin-vendor-prefixer "^10.5.1"
     prop-types "^15.7.2"
 
-"@material-ui/system@^4.12.1":
-  version "4.12.1"
-  resolved "https://registry.npmjs.org/@material-ui/system/-/system-4.12.1.tgz"
-  integrity sha512-lUdzs4q9kEXZGhbN7BptyiS1rLNHe6kG9o8Y307HCvF4sQxbCgpL2qi+gUk+yI8a2DNk48gISEQxoxpgph0xIw==
-  dependencies:
-    "@babel/runtime" "^7.4.4"
-    "@material-ui/utils" "^4.11.2"
-    csstype "^2.5.2"
-    prop-types "^15.7.2"
-
 "@material-ui/system@^4.12.2":
   version "4.12.2"
   resolved "https://registry.yarnpkg.com/@material-ui/system/-/system-4.12.2.tgz#f5c389adf3fce4146edd489bf4082d461d86aa8b"