diff --git a/src/components/ui/WTLSpinner.vue b/src/components/ui/WTLSpinner.vue
index 06c0269..ff0cbb8 100644
--- a/src/components/ui/WTLSpinner.vue
+++ b/src/components/ui/WTLSpinner.vue
@@ -1,121 +1,134 @@
 <template>
 	<div v-bind:style="styles" class="spinner spinner--circle-9">
 		<div v-bind:style="innerStyles" class="spinner-inner">
-			<div class='loading spin-1'>
-				<div class='loading spin-2'>
-					<div class='loading spin-3'>
-						<div class='loading spin-4'>
-							<div class='loading spin-5'>
-								<div class='loading spin-6'></div>
+			<div class="loading spin-1">
+				<div class="loading spin-2">
+					<div class="loading spin-3">
+						<div class="loading spin-4">
+							<div class="loading spin-5">
+								<div class="loading spin-6"></div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
 	</div>
 </template>
 <script>
 export default {
 	props: {
 		size: {
 			default: "40px"
 		}
 	},
 	computed: {
 		innerStyles() {
 			let size = parseInt(this.size)
 			return {
 				transform: "scale(" + (size / 120) + ")"
 			}
 		},
 		styles() {
 			return {
 				width: "50px",
 				height: "50px"
 			}
 		}
 	}
 }
 </script>
 <style lang="scss" scoped>
 @import "~styles/_variables";
 
-.spinner{
+.spinner {
 	display: flex;
 	justify-content: center;
 	align-items: center;
+
 	* {
 		line-height: 0;
 		box-sizing: border-box;
 	}
 }
-.spinner-inner
-{
+
+.spinner-inner {
 	width: 120px;
 	height: 120px;
 }
+
 @keyframes circle-9-loading {
 	0% {
 		transform: rotate(0deg);
 	}
-	25%{
+
+	25% {
 		transform: rotate(160deg);
 	}
-	50%{
+
+	50% {
 		transform: rotate(0deg);
 	}
-	75%{
+
+	75% {
 		transform: rotate(160deg);
 	}
+
 	100% {
 		transform: rotate(0deg);
 	}
 }
+
 .loading {
 	background-color: transparent;
 	border-radius: 50%;
 	margin: 5px auto;
 	animation: circle-9-loading 5s infinite linear;
 }
-.spin-1{
+
+.spin-1 {
 	border: 5px solid $dark-red;
 	border-top: 5px solid transparent;
 	border-left: 5px solid transparent;
 	width: 120px;
 	height: 120px;
 }
-.spin-2{
+
+.spin-2 {
 	border: 5px solid $red;
 	border-bottom: 5px solid transparent;
 	border-right: 5px solid transparent;
 	width: 100px;
 	height: 100px;
 }
-.spin-3{
+
+.spin-3 {
 	border: 5px solid $yellow;
 	border-top: 5px solid transparent;
 	border-left: 5px solid transparent;
 	width: 80px;
 	height: 80px;
 }
-.spin-4{
+
+.spin-4 {
 	border: 5px solid $green;
 	border-bottom: 5px solid transparent;
 	border-right: 5px solid transparent;
 	width: 60px;
 	height: 60px;
 }
-.spin-5{
+
+.spin-5 {
 	border: 5px solid $dark-green;
 	border-top: 5px solid transparent;
 	border-left: 5px solid transparent;
 	width: 40px;
 	height: 40px;
 }
-.spin-6{
-	border: 5px solid #fff ;
+
+.spin-6 {
+	border: 5px solid #fff;
 	width: 20px;
 	height: 20px;
 }
 </style>