diff --git a/src/components/ActivityEntry.vue b/src/components/ActivityEntry.vue
index 2d65d1ece..782503503 100644
--- a/src/components/ActivityEntry.vue
+++ b/src/components/ActivityEntry.vue
@@ -154,6 +154,7 @@ export default {
 	.visualdiff ins {
 		color: green;
 	}
+
 	.visualdiff del {
 		color: darkred;
 	}
diff --git a/src/components/Controls.vue b/src/components/Controls.vue
index fd847f1fb..f134896bb 100644
--- a/src/components/Controls.vue
+++ b/src/components/Controls.vue
@@ -350,6 +350,7 @@ export default {
 			background-color: transparent;
 		}
 	}
+
 	.filter--item {
 		input + label {
 			display: block;
@@ -366,11 +367,13 @@ export default {
 			}
 		}
 	}
+
 	.filter {
 		width: 250px;
 		max-height: 80vh;
 		overflow: auto;
 	}
+
 	.filter h3 {
 		margin-top: 0px;
 		margin-bottom: 5px;
diff --git a/src/components/board/Board.vue b/src/components/board/Board.vue
index 50e388031..8a19b58ad 100644
--- a/src/components/board/Board.vue
+++ b/src/components/board/Board.vue
@@ -131,7 +131,7 @@ export default {
 
 <style lang="scss" scoped>
 
-	@import "../../css/animations.scss";
+	@import '../../css/animations.scss';
 
 	$board-spacing: 15px;
 	$stack-spacing: 10px;
diff --git a/src/components/board/SharingTabSidebar.vue b/src/components/board/SharingTabSidebar.vue
index e2b4b667d..2948b6e51 100644
--- a/src/components/board/SharingTabSidebar.vue
+++ b/src/components/board/SharingTabSidebar.vue
@@ -178,20 +178,25 @@ export default {
 	#shareWithList {
 		margin-bottom: 20px;
 	}
+
 	#shareWithList li {
 		display: flex;
 		align-items: center;
 	}
+
 	.username {
 		padding: 12px 9px;
 		flex-grow: 1;
 	}
+
 	.board-owner-label {
 		opacity: .7;
 	}
+
 	.avatarLabel {
 		padding: 6px
 	}
+
 	.avatardiv {
 		background-color: #f5f5f5;
 		border-radius: 16px;
diff --git a/src/components/board/Stack.vue b/src/components/board/Stack.vue
index 9588918e4..8d46cd120 100644
--- a/src/components/board/Stack.vue
+++ b/src/components/board/Stack.vue
@@ -295,6 +295,7 @@ export default {
 			border: none;
 		}
 	}
+
 	.stack .smooth-dnd-container.vertical {
 		margin-top: 3px;
 	}
@@ -307,6 +308,7 @@ export default {
 	.slide-top-leave-active {
 		transition: all 100ms ease;
 	}
+
 	.slide-top-enter, .slide-top-leave-to {
 		transform: translateY(-10px);
 		opacity: 0;
diff --git a/src/components/card/CardSidebar.vue b/src/components/card/CardSidebar.vue
index de659ea75..1e9e3e574 100644
--- a/src/components/card/CardSidebar.vue
+++ b/src/components/card/CardSidebar.vue
@@ -501,12 +501,14 @@ export default {
 </script>
 
 <style>
-	@import "~easymde/dist/easymde.min.css";
+	@import '~easymde/dist/easymde.min.css';
+
 	.vue-easymde, .CodeMirror {
 		border: none;
 		margin: 0;
 		padding: 0;
 	}
+
 	.editor-preview,
 	.editor-statusbar {
 		display: none;
@@ -615,7 +617,7 @@ export default {
 		min-height: 100px;
 
 		&::v-deep {
-			@import "./../../css/markdown";
+			@import './../../css/markdown';
 		}
 
 		&::v-deep input {
diff --git a/src/components/card/CardSidebarTabComments.vue b/src/components/card/CardSidebarTabComments.vue
index f74cffaac..7feff2712 100644
--- a/src/components/card/CardSidebarTabComments.vue
+++ b/src/components/card/CardSidebarTabComments.vue
@@ -115,5 +115,5 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	@import "../../css/comments";
+	@import '../../css/comments';
 </style>
diff --git a/src/components/card/CommentForm.vue b/src/components/card/CommentForm.vue
index 4601e7dff..69714b66b 100644
--- a/src/components/card/CommentForm.vue
+++ b/src/components/card/CommentForm.vue
@@ -173,7 +173,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	@import "../../css/comments";
+	@import '../../css/comments';
 
 	.atwho-wrap {
 		width: 100%;
diff --git a/src/components/card/CommentItem.vue b/src/components/card/CommentItem.vue
index e9171c5ba..b891f7c15 100644
--- a/src/components/card/CommentItem.vue
+++ b/src/components/card/CommentItem.vue
@@ -172,7 +172,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-	@import "../../css/comments";
+	@import '../../css/comments';
 
 	.reply {
 		border-left: 3px solid var(--color-primary-element);
@@ -195,6 +195,7 @@ export default {
 			margin: 0;
 		}
 	}
+
 	.comment--content::v-deep a {
 		text-decoration: underline;
 	}
diff --git a/src/components/cards/AvatarList.vue b/src/components/cards/AvatarList.vue
index 22850cb63..29d120202 100644
--- a/src/components/cards/AvatarList.vue
+++ b/src/components/cards/AvatarList.vue
@@ -143,6 +143,7 @@ export default {
 			}
 		}
 	}
+
 	.avatar-list {
 		float: right;
 		display: inline-flex;
@@ -169,6 +170,7 @@ export default {
 			margin-right: 1px;
 		}
 	}
+
 	.popovermenu {
 		display: block;
 		margin: 40px -6px;
diff --git a/src/components/cards/CardBadges.vue b/src/components/cards/CardBadges.vue
index 21c0a6103..71d14c442 100644
--- a/src/components/cards/CardBadges.vue
+++ b/src/components/cards/CardBadges.vue
@@ -127,6 +127,7 @@ export default {
 	.fade-enter-active, .fade-leave-active {
 		transition: opacity .125s;
 	}
+
 	.fade-enter, .fade-leave-to {
 		opacity: 0;
 	}
diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue
index a6f7d46c3..2df8a6c07 100644
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -259,9 +259,11 @@ export default {
 			}
 		}
 	}
+
 	.duedate {
 		margin-right: 9px;
 	}
+
 	.right {
 		display: flex;
 		align-items: flex-start;
diff --git a/src/components/navigation/AppNavigation.vue b/src/components/navigation/AppNavigation.vue
index dc8d66740..ffd16a029 100644
--- a/src/components/navigation/AppNavigation.vue
+++ b/src/components/navigation/AppNavigation.vue
@@ -158,6 +158,7 @@ export default {
 			color: var(--color-text-light);
 		}
 	}
+
 	::v-deep .app-navigation-toggle {
 		display: none;
 	}
diff --git a/src/components/navigation/AppNavigationAddBoard.vue b/src/components/navigation/AppNavigationAddBoard.vue
index b9d9c942f..db1d6c832 100644
--- a/src/components/navigation/AppNavigationAddBoard.vue
+++ b/src/components/navigation/AppNavigationAddBoard.vue
@@ -87,7 +87,7 @@ export default {
 			display: flex;
 			flex-grow: 1;
 
-			input[type="text"] {
+			input[type='text'] {
 				flex-grow: 1;
 			}
 		}
diff --git a/src/components/navigation/AppNavigationBoard.vue b/src/components/navigation/AppNavigationBoard.vue
index 941866155..576af3838 100644
--- a/src/components/navigation/AppNavigationBoard.vue
+++ b/src/components/navigation/AppNavigationBoard.vue
@@ -248,7 +248,7 @@ export default {
 			display: flex;
 			flex-grow: 1;
 
-			input[type="text"] {
+			input[type='text'] {
 				flex-grow: 1;
 			}
 		}
diff --git a/src/css/animations.scss b/src/css/animations.scss
index ec73b25c8..acdf3cc2c 100644
--- a/src/css/animations.scss
+++ b/src/css/animations.scss
@@ -1,6 +1,7 @@
 .fade-enter-active {
 	transition: opacity 250ms;
 }
+
 .fade-enter, .fade-leave-to {
 	opacity: 0;
 }
@@ -9,6 +10,7 @@
 .zoom-enter-active {
 	animation: zoom-in var(--animation-quick);
 }
+
 .zoom-leave-active {
 	animation: zoom-in var(--animation-quick) reverse;
 	will-change: transform;
diff --git a/src/css/comments.scss b/src/css/comments.scss
index fcf8b0de3..e58da2e6a 100644
--- a/src/css/comments.scss
+++ b/src/css/comments.scss
@@ -12,7 +12,7 @@
 		}
 	}
 
-	input[type="submit"] {
+	input[type='submit'] {
 		width: 44px;
 		height: 44px;
 		margin: 0;
@@ -25,9 +25,11 @@
 		right: 0;
 	}
 }
+
 .comment {
 	margin-bottom: 10px;
 }
+
 .comment--header {
 	display: flex;
 	align-items: center;
diff --git a/src/css/markdown.scss b/src/css/markdown.scss
index a1e404d03..fa4dd1596 100644
--- a/src/css/markdown.scss
+++ b/src/css/markdown.scss
@@ -74,17 +74,19 @@ input[type=checkbox] {
 	min-height: 12px;
 }
 
-li 	input[type="checkbox"].checkbox + label::before {
+li 	input[type='checkbox'].checkbox + label::before {
 	margin-left: -15px;
 
 }
-input[type="checkbox"].checkbox + label::before {
+
+input[type='checkbox'].checkbox + label::before {
 	position: relative;
 	z-index: 100;
 	margin-right: 10px;
 	margin-top: 0;
 }
-li input[type="checkbox"].checkbox:not(:checked) + label::before {
+
+li input[type='checkbox'].checkbox:not(:checked) + label::before {
 	background-color: var(--color-main-background);
 }