diff --git a/src/App.vue b/src/App.vue
index f71a3f0..0163dad 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,7 @@ const route = useRoute();
     </template>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 div.main-container {
     @apply px-4 sm:ml-64;
 }
diff --git a/src/Modal.vue b/src/Modal.vue
index 47bbf56..b3472af 100644
--- a/src/Modal.vue
+++ b/src/Modal.vue
@@ -46,7 +46,7 @@ useEventListener('keyup', e => {
     </Transition>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 
 .fade-enter-from, .fade-leave-to {
   opacity: 0;
diff --git a/src/market/scan/ScanResultTable.vue b/src/market/scan/ScanResultTable.vue
index cbd6050..33889d9 100644
--- a/src/market/scan/ScanResultTable.vue
+++ b/src/market/scan/ScanResultTable.vue
@@ -118,7 +118,7 @@ const getLineColor = (result: Result) => {
     </table>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 div.end {
     @apply justify-self-end ms-2;
 }
diff --git a/src/market/track/TrackResultTable.vue b/src/market/track/TrackResultTable.vue
index 1358290..2d11393 100644
--- a/src/market/track/TrackResultTable.vue
+++ b/src/market/track/TrackResultTable.vue
@@ -111,7 +111,7 @@ const getLineColor = (result: Result) => {
     </table>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 div.end {
     @apply justify-self-end ms-2;
 }
diff --git a/src/pages/Market.vue b/src/pages/Market.vue
index 06270fc..dc93014 100644
--- a/src/pages/Market.vue
+++ b/src/pages/Market.vue
@@ -17,7 +17,7 @@ import { RouterLink, RouterView } from 'vue-router';
     </div>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 a.tab {
     @apply flex items-center px-4 me-2 rounded-t-md bg-slate-600 hover:bg-slate-700;
     &.router-link-active {
diff --git a/src/reprocess/BuySellSlider.vue b/src/reprocess/BuySellSlider.vue
index bf73759..16f8b89 100644
--- a/src/reprocess/BuySellSlider.vue
+++ b/src/reprocess/BuySellSlider.vue
@@ -25,7 +25,7 @@ const value = useVModel(props, 'modelValue', emit);
     </label>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
     input:checked ~ span:last-child {
         --tw-translate-x: 1.75rem;
     }
diff --git a/src/sidebar/Sidebar.vue b/src/sidebar/Sidebar.vue
index 5aa3d6c..3c7c77a 100644
--- a/src/sidebar/Sidebar.vue
+++ b/src/sidebar/Sidebar.vue
@@ -34,7 +34,7 @@ const logout = async () => {
     </aside>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 .router-link-active {
     @apply bg-emerald-500 hover:bg-emerald-700;
 }
diff --git a/src/table/SortableHeader.vue b/src/table/SortableHeader.vue
index 5e53469..70e33bf 100644
--- a/src/table/SortableHeader.vue
+++ b/src/table/SortableHeader.vue
@@ -24,7 +24,7 @@ const emit = defineEmits<Emit>();
     </th>
 </template>
 
-<style scoped>
+<style scoped lang="postcss">
 th {
     @apply relative h-8 pe-3;
 }