diff --git a/src/components/Questions/Question.vue b/src/components/Questions/Question.vue
index 51b171c94..4fe673ec0 100644
--- a/src/components/Questions/Question.vue
+++ b/src/components/Questions/Question.vue
@@ -400,7 +400,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../../scssmixins/markdownOutput';
+@use '../../scssmixins/markdownOutput' as *;
 
 .question {
 	position: relative;
diff --git a/src/components/SidebarTabs/SettingsSidebarTab.vue b/src/components/SidebarTabs/SettingsSidebarTab.vue
index 5fd11c874..b973b6e54 100644
--- a/src/components/SidebarTabs/SettingsSidebarTab.vue
+++ b/src/components/SidebarTabs/SettingsSidebarTab.vue
@@ -505,6 +505,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@use '../../scssmixins/markdownOutput' as *;
+
 #expiresDatetimePicker {
 	width: calc(100% - var(--default-clickable-area));
 }
@@ -536,7 +538,7 @@ export default {
 	}
 
 	&__output {
-		@import '../../scssmixins/markdownOutput';
+		@include markdown-output;
 
 		padding: 12px;
 		margin-block: 3px;
@@ -546,8 +548,6 @@ export default {
 		&:hover {
 			border-color: var(--color-primary-element);
 		}
-
-		@include markdown-output;
 	}
 }
 </style>
diff --git a/src/views/Create.vue b/src/views/Create.vue
index 55b4a3d10..c2abebcf9 100644
--- a/src/views/Create.vue
+++ b/src/views/Create.vue
@@ -633,8 +633,6 @@ export default {
 </style>
 
 <style lang="scss" scoped>
-@import '../scssmixins/markdownOutput';
-
 .emptycontent {
 	display: flex;
 	height: 100%;
diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index ad0905a10..ffcd9b3a4 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -901,7 +901,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../scssmixins/markdownOutput';
+@use '../scssmixins/markdownOutput' as *;
 
 .forms-emptycontent {
 	height: 100%;