diff --git a/src/Umbraco.Web.UI.Client/src/less/components/card.less b/src/Umbraco.Web.UI.Client/src/less/components/card.less
index bf9957c6b0..8324698685 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/card.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/card.less
@@ -2,9 +2,9 @@
 	Library of card related compoents, like the right-hand icon list on the grid "cards"
 */
 
-.umb-card {
-    position: relative;
-    padding: 5px 10px 5px 10px;
+.umb-card{
+	position: relative;
+	padding: 5px 10px 5px 10px;
     background: white;
     width: 100%;
 
@@ -12,10 +12,10 @@
 
 }
 
-.umb-card-thumb {
+.umb-card-thumb{
     text-align: center;
 
-    i {
+    i{
         text-align: center;
         font-size: 20px;
         line-height: 40px;
@@ -25,51 +25,51 @@
     }
 }
 
-.umb-card-content {
+.umb-card-content{
     .item-title{color: @blackLight; font-weight: 400; border: none; font-size: 16px; text-transform: none; margin-bottom: 3px;}
     p{color: @gray-3; margin-bottom: 1px;}
 }
 
-.umb-card-actions {
+.umb-card-actions{
     padding-top: 10px;
     border-top: @gray-10 1px solid;
     clear: both;
 }
 
-.umb-card-icons {
-    text-align: center;
-    vertical-align: middle;
-    display: block;
-    list-style: none;
-    margin: 0;
-    padding: 0;
+.umb-card-icons{
+	text-align: center;
+	vertical-align: middle;
+	display: block;
+	list-style: none;
+	margin: 0;
+	padding: 0;
 }
 
-.umb-card-icons.vertical {
-    position: absolute;
-    top: 7px;
-    right: 7px;
-    text-align: right;
-    width: 1px;
+.umb-card-icons.vertical{
+	position: absolute;
+	top: 7px;
+	right: 7px;
+	text-align: right;
+	width: 1px;
 }
 
-.umb-card-icons li {
-    display: inline-block;
-    margin: 0 2px 0 2px;
+.umb-card-icons li{
+	display: inline-block;
+	margin: 0 2px 0 2px;
 }
 
-.umb-card-icons.vertical li {
-    float: right;
-    display: block;
-    margin-bottom: 3px;
+.umb-card-icons.vertical li{
+	float: right;
+	display: block;
+	margin-bottom: 3px;
 }
 
 //card iocn list
-.umb-card-list {
-    display: block;
-    padding: 0;
-    margin: 0;
-}
+.umb-card-list{
+     display: block;
+     padding: 0;
+     margin: 0;
+ }
 
 .umb-card-list li {
     border-bottom: @gray-10 1px solid;
@@ -81,23 +81,23 @@
 
 
 //Card icon grid for picking items off a card
-.umb-card-grid {
-    padding: 0;
-    margin: 0 auto;
-    list-style: none;
+.umb-card-grid{
+	padding: 0;
+	margin: 0 auto;
+	list-style: none;
     width: 100%;
-
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: flex-start;
+    
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: flex-start;
 }
 
 .umb-card-grid li {
-    overflow: hidden;
-    font-size: 12px;
-    text-align: center;
-    box-sizing: border-box;
-    position: relative;
+	overflow: hidden;
+	font-size: 12px;
+	text-align: center;
+	box-sizing: border-box;
+	position: relative;
     width: 100px;
 }
 
@@ -107,18 +107,19 @@
 }
 
 .umb-card-grid.-three-in-row li {
-    flex: 0 0 33.33%;
-    max-width: 33.33%;
+	flex: 0 0 33.33%;
+    max-width:33.33%;
 }
 
 .umb-card-grid .umb-card-grid-item {
     position: relative;
-    display: block;
-    width: 100%;
+	display: block;
+	width: 100%;
+	//height: 100%;
     padding-top: 100%;
-    border-radius: 3px;
+	border-radius: 3px;
     transition: background-color 120ms;
-
+    
     > span {
         position: absolute;
         top: 10px;
@@ -136,8 +137,8 @@
 
 .umb-card-grid .umb-card-grid-item:hover,
 .umb-card-grid .umb-card-grid-item:focus {
-    background-color: @ui-option-hover;
-    color: @ui-option-type-hover;
+	background-color: @ui-option-hover;
+	color: @ui-option-type-hover;
 }
 
 .umb-card-grid a {
@@ -152,82 +153,80 @@
     display: block;
 }
 
-.umb-card-grid .umb-card-grid-item__loading {
-    position: absolute;
-    background-color: rgba(255, 255, 255, 0.8);
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
+ .umb-card-grid .umb-card-grid-item__loading {
+	 position: absolute;
+	 background-color: rgba(255,255,255,0.8);
+	 top: 0;
+	 right: 0;
+	 bottom: 0;
+	 left: 0;
+ }
 
 
 //Round icon-like button - this should be somewhere else
-.umb-btn-round {
-    padding: 4px 6px 4px 6px;
+.umb-btn-round{
+	padding: 4px 6px 4px 6px;
     display: inline-block;
     cursor: pointer;
     border-radius: 200px;
     background: @gray-10;
-    border: 1px solid @gray-6;
+    border:1px solid @gray-6;
     margin: 2px;
 }
 
-.umb-btn-round:hover,
-.umb-btn-round:hover * {
-    background: @blueDark  !important;
-    color: @white  !important;
-    border-color: @blueDark  !important;
-    text-decoration: none;
-}
+.umb-btn-round:hover, .umb-btn-round:hover *{
+  background: @blueDark !important;
+  color: @white !important;
+  border-color: @blueDark !important;
+  text-decoration:none;
+ }
 
-.umb-btn-round a:hover {
-    text-decoration: none;
-    color: @white  !important;
-}
+ .umb-btn-round a:hover {
+     text-decoration:none;
+     color: @white !important;
+ }
 
-.umb-btn-round i {
-    font-size: 16px !important;
-    color: @gray-8;
-    display: block;
-}
+ .umb-btn-round i {
+     font-size:16px !important;
+     color: @gray-8;
+     display:block;
+ }
 
-.umb-btn-round.alert:hover,
-.umb-btn-round.alert:hover * {
-    background: @red  !important;
-    color: @white  !important;
-    border-color: @red  !important;
-    text-decoration: none;
-}
+ .umb-btn-round.alert:hover, .umb-btn-round.alert:hover *{
+ 	background: @red !important;
+  	color: @white !important;
+  	border-color: @red !important;
+  	text-decoration:none;
+ }
 
-.umb-btn-round.no-border {
+.umb-btn-round.no-border{
     border: none !important;
     background: none !important;
 }
 
 .umb-training-videos {
-    display: grid;
-    grid-gap: 10px;
-    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+	display: grid;
+	grid-gap: 10px;
+	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 }
 
 .umb-training-video {
-    background: @white;
-    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
-    border-radius: @baseBorderRadius;
-    transition: box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
-    box-sizing: border-box;
-    padding: 20px;
+	background: @white;
+	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16);
+	border-radius: @baseBorderRadius;
+	transition: box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
+	box-sizing: border-box;
+	padding: 20px;
 }
 
 .umb-training-video:hover {
-    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
-    text-decoration: none;
+	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
+	text-decoration: none;
 }
 
 .umb-training-video__label {
     font-weight: bold;
-    margin-top: 20px;
-    display: block;
-    text-align: center;
-}
\ No newline at end of file
+	margin-top: 20px;
+	display: block;
+	text-align: center;
+}