diff --git a/frontend/src/lib/components/DarkModeToggle.svelte b/frontend/src/lib/components/DarkModeToggle.svelte
index 0ea16a2..906352d 100644
--- a/frontend/src/lib/components/DarkModeToggle.svelte
+++ b/frontend/src/lib/components/DarkModeToggle.svelte
@@ -24,7 +24,7 @@
 	</g>
 </svg>
 
-<style>
+<style lang="postcss">
 	svg {
 		@apply h-12 w-12;
 	}
diff --git a/frontend/src/lib/components/Modal.svelte b/frontend/src/lib/components/Modal.svelte
index af9c499..4148a0c 100644
--- a/frontend/src/lib/components/Modal.svelte
+++ b/frontend/src/lib/components/Modal.svelte
@@ -22,7 +22,7 @@
 	<slot />
 </div>
 
-<style>
+<style lang="postcss">
 	.modalBackground {
 		@apply fixed;
 		@apply top-0 left-0;
diff --git a/frontend/src/lib/components/admin/CreateCandidateModal.svelte b/frontend/src/lib/components/admin/CreateCandidateModal.svelte
index 61df75b..a2cf284 100644
--- a/frontend/src/lib/components/admin/CreateCandidateModal.svelte
+++ b/frontend/src/lib/components/admin/CreateCandidateModal.svelte
@@ -57,5 +57,5 @@
 	</Modal>
 {/if}
 
-<style>
+<style lang="postcss">
 </style>
diff --git a/frontend/src/lib/components/admin/list/CandidateDetails.svelte b/frontend/src/lib/components/admin/list/CandidateDetails.svelte
index 32e3a73..e634f27 100644
--- a/frontend/src/lib/components/admin/list/CandidateDetails.svelte
+++ b/frontend/src/lib/components/admin/list/CandidateDetails.svelte
@@ -111,7 +111,7 @@
 	</div>
 </div>
 
-<style>
+<style lang="postcss">
 	button {
 		@apply bg-sspsBlue hover:bg-sspsBlueDark rounded-lg transition duration-300;
 		@apply px-10 py-4 text-2xl font-bold text-white;
diff --git a/frontend/src/lib/components/button/Submit.svelte b/frontend/src/lib/components/button/Submit.svelte
index 111a429..291d5b8 100644
--- a/frontend/src/lib/components/button/Submit.svelte
+++ b/frontend/src/lib/components/button/Submit.svelte
@@ -4,7 +4,7 @@
 
 <input on:click type="submit" {value} />
 
-<style>
+<style lang="postcss">
 	input {
 		@apply bg-sspsBlue hover:bg-sspsBlueDark 
         @apply @apply rounded-lg p-3 text-xl font-semibold 
diff --git a/frontend/src/lib/components/checkbox/GdprCheckBox.svelte b/frontend/src/lib/components/checkbox/GdprCheckBox.svelte
index 5785e6e..813dba8 100644
--- a/frontend/src/lib/components/checkbox/GdprCheckBox.svelte
+++ b/frontend/src/lib/components/checkbox/GdprCheckBox.svelte
@@ -15,7 +15,7 @@
 	</div>
 </label>
 
-<style>
+<style lang="postcss">
 	label {
 		@apply inline-flex  w-full items-center justify-between;
 		@apply cursor-pointer;
diff --git a/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte b/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
index 3f54618..e11653c 100644
--- a/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
@@ -137,7 +137,7 @@
 	</div>
 </div>
 
-<style>
+<style lang="postcss">
 	.card {
 		@apply m-3;
 		@apply h-full;
diff --git a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
index f1126cc..a07f6b5 100644
--- a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
@@ -181,7 +181,7 @@
 	{/if}
 </div>
 
-<style>
+<style lang="postcss">
 	:global([type='file']) {
 		@apply hidden;
 	}
diff --git a/frontend/src/lib/components/dashboard/FileType.svelte b/frontend/src/lib/components/dashboard/FileType.svelte
index 807fb35..78a6aca 100644
--- a/frontend/src/lib/components/dashboard/FileType.svelte
+++ b/frontend/src/lib/components/dashboard/FileType.svelte
@@ -9,7 +9,7 @@
 	<span class="text-sspsBlue text-lg italic">Max {filesize}</span>
 </div>
 
-<style>
+<style lang="postcss">
 	div {
 		@apply flex items-center justify-between;
 		@apply py-1 px-4;
diff --git a/frontend/src/lib/components/dashboard/InfoButton.svelte b/frontend/src/lib/components/dashboard/InfoButton.svelte
index 400a87c..f74b4d6 100644
--- a/frontend/src/lib/components/dashboard/InfoButton.svelte
+++ b/frontend/src/lib/components/dashboard/InfoButton.svelte
@@ -73,7 +73,7 @@
 	</span>
 {/if}
 
-<style>
+<style lang="postcss">
 	.icon {
 		@apply text-sspsBlueDark h-10 w-10 transition-colors duration-300 hover:cursor-pointer;
 		@apply hover:text-sspsBlue;
diff --git a/frontend/src/lib/components/dashboard/ProgressBar.svelte b/frontend/src/lib/components/dashboard/ProgressBar.svelte
index f423da6..916a824 100644
--- a/frontend/src/lib/components/dashboard/ProgressBar.svelte
+++ b/frontend/src/lib/components/dashboard/ProgressBar.svelte
@@ -30,7 +30,7 @@
 	</svg>
 </div>
 
-<style>
+<style lang="postcss">
 	.submitted {
 		@apply stroke-[#35e000ff];
 	}
diff --git a/frontend/src/lib/components/dashboard/StatusNotificationBig.svelte b/frontend/src/lib/components/dashboard/StatusNotificationBig.svelte
index 9d77530..cc62b33 100644
--- a/frontend/src/lib/components/dashboard/StatusNotificationBig.svelte
+++ b/frontend/src/lib/components/dashboard/StatusNotificationBig.svelte
@@ -50,7 +50,7 @@
 	</div>
 </div>
 
-<style>
+<style lang="postcss">
 	.info {
 		@apply flex items-center justify-between;
 		@apply py-3 px-6;
diff --git a/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte b/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
index 63747ab..8bb6878 100644
--- a/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
+++ b/frontend/src/lib/components/dashboard/StatusNotificationDot.svelte
@@ -23,7 +23,7 @@
 	<!-- <h3 class="ml-8 font-bold text-xl">{title}</h3> -->
 </div>
 
-<style>
+<style lang="postcss">
 	span {
 		@apply rounded-full p-1;
 	}
diff --git a/frontend/src/lib/components/icons/Circles.svelte b/frontend/src/lib/components/icons/Circles.svelte
index 414e76e..ed98997 100644
--- a/frontend/src/lib/components/icons/Circles.svelte
+++ b/frontend/src/lib/components/icons/Circles.svelte
@@ -4,7 +4,7 @@
 	<span class="h-28 w-28 bg-black bg-[#55b1bd] opacity-60" />
 </div>
 
-<style>
+<style lang="postcss">
 	div {
 		@apply relative;
 	}
diff --git a/frontend/src/lib/components/icons/Document.svelte b/frontend/src/lib/components/icons/Document.svelte
index 57b156f..e531a82 100644
--- a/frontend/src/lib/components/icons/Document.svelte
+++ b/frontend/src/lib/components/icons/Document.svelte
@@ -7,7 +7,7 @@
 	/></svg
 >
 
-<style>
+<style lang="postcss">
 	svg {
 		@apply fill-none stroke-current;
 	}
diff --git a/frontend/src/lib/components/icons/Download.svelte b/frontend/src/lib/components/icons/Download.svelte
index 646c7d0..7e9317e 100644
--- a/frontend/src/lib/components/icons/Download.svelte
+++ b/frontend/src/lib/components/icons/Download.svelte
@@ -7,7 +7,7 @@
 	/></svg
 >
 
-<style>
+<style lang="postcss">
 	svg {
 		@apply fill-none stroke-current;
 	}
diff --git a/frontend/src/lib/components/icons/Email.svelte b/frontend/src/lib/components/icons/Email.svelte
index 6029c07..165e13e 100644
--- a/frontend/src/lib/components/icons/Email.svelte
+++ b/frontend/src/lib/components/icons/Email.svelte
@@ -1,6 +1,6 @@
 <span>@</span>
 
-<style>
+<style lang="postcss">
 	span {
 		@apply flex items-center justify-center;
 		@apply text-sspsBlue text-center text-2xl;
diff --git a/frontend/src/lib/components/icons/Home.svelte b/frontend/src/lib/components/icons/Home.svelte
index c624462..c01dfd0 100644
--- a/frontend/src/lib/components/icons/Home.svelte
+++ b/frontend/src/lib/components/icons/Home.svelte
@@ -10,7 +10,7 @@
 	/></svg
 >
 
-<style>
+<style lang="postcss">
 	path {
 		@apply fill-current;
 	}
diff --git a/frontend/src/lib/components/icons/Lock.svelte b/frontend/src/lib/components/icons/Lock.svelte
index 5750df0..472f420 100644
--- a/frontend/src/lib/components/icons/Lock.svelte
+++ b/frontend/src/lib/components/icons/Lock.svelte
@@ -8,7 +8,7 @@
 	></svg
 >
 
-<style>
+<style lang="postcss">
 	svg {
 		@apply fill-current stroke-current;
 	}
diff --git a/frontend/src/lib/components/icons/Person.svelte b/frontend/src/lib/components/icons/Person.svelte
index e53b917..8e20855 100644
--- a/frontend/src/lib/components/icons/Person.svelte
+++ b/frontend/src/lib/components/icons/Person.svelte
@@ -8,7 +8,7 @@
 	/></svg
 >
 
-<style>
+<style lang="postcss">
 	path {
 		@apply fill-current stroke-current;
 	}
diff --git a/frontend/src/lib/components/icons/SchoolBadge.svelte b/frontend/src/lib/components/icons/SchoolBadge.svelte
index 9551c15..666e8d6 100644
--- a/frontend/src/lib/components/icons/SchoolBadge.svelte
+++ b/frontend/src/lib/components/icons/SchoolBadge.svelte
@@ -8,5 +8,5 @@
 	<img class="object-cover" src={lion} alt="" />
 </div>
 
-<style>
+<style lang="postcss">
 </style>
diff --git a/frontend/src/lib/components/icons/Telephone.svelte b/frontend/src/lib/components/icons/Telephone.svelte
index ba61427..713ab3b 100644
--- a/frontend/src/lib/components/icons/Telephone.svelte
+++ b/frontend/src/lib/components/icons/Telephone.svelte
@@ -11,7 +11,7 @@
 	></svg
 >
 
-<style>
+<style lang="postcss">
 	svg {
 		@apply stroke-sspsBlue fill-transparent;
 	}
diff --git a/frontend/src/lib/components/layout/FullLayout.svelte b/frontend/src/lib/components/layout/FullLayout.svelte
index 4b57523..ce59485 100644
--- a/frontend/src/lib/components/layout/FullLayout.svelte
+++ b/frontend/src/lib/components/layout/FullLayout.svelte
@@ -23,7 +23,7 @@
 	</div>
 </div>
 
-<style>
+<style lang="postcss">
 	.logo {
 		@apply h-[200px] w-[200px];
 	}
diff --git a/frontend/src/lib/components/layout/SplitLayout.svelte b/frontend/src/lib/components/layout/SplitLayout.svelte
index e0495c5..4a4d9aa 100644
--- a/frontend/src/lib/components/layout/SplitLayout.svelte
+++ b/frontend/src/lib/components/layout/SplitLayout.svelte
@@ -25,7 +25,7 @@
 	</div>
 </div>
 
-<style>
+<style lang="postcss">
 	.bgImage {
 		@apply -z-20;
 		@apply min-w-screen absolute min-h-screen md:min-w-[50vw];
diff --git a/frontend/src/lib/components/select/SelectField.svelte b/frontend/src/lib/components/select/SelectField.svelte
index af6a2b5..114d12b 100644
--- a/frontend/src/lib/components/select/SelectField.svelte
+++ b/frontend/src/lib/components/select/SelectField.svelte
@@ -27,7 +27,7 @@
 	</select>
 </div>
 
-<style>
+<style lang="postcss">
 	div,
 	input {
 		@apply w-full;
diff --git a/frontend/src/lib/components/textfield/EmailField.svelte b/frontend/src/lib/components/textfield/EmailField.svelte
index 7ca7958..6456306 100644
--- a/frontend/src/lib/components/textfield/EmailField.svelte
+++ b/frontend/src/lib/components/textfield/EmailField.svelte
@@ -26,5 +26,5 @@
 	</div>
 </TextField>
 
-<style>
+<style lang="postcss">
 </style>
diff --git a/frontend/src/lib/components/textfield/IdField.svelte b/frontend/src/lib/components/textfield/IdField.svelte
index f67b132..c144221 100644
--- a/frontend/src/lib/components/textfield/IdField.svelte
+++ b/frontend/src/lib/components/textfield/IdField.svelte
@@ -31,7 +31,7 @@
 	</div>
 </TextField>
 
-<style>
+<style lang="postcss">
 	div {
 		@apply text-sspsBlue;
 	}
diff --git a/frontend/src/lib/components/textfield/NameField.svelte b/frontend/src/lib/components/textfield/NameField.svelte
index 3953401..88eaa67 100644
--- a/frontend/src/lib/components/textfield/NameField.svelte
+++ b/frontend/src/lib/components/textfield/NameField.svelte
@@ -39,5 +39,5 @@
 	{helperText}
 />
 
-<style>
+<style lang="postcss">
 </style>
diff --git a/frontend/src/lib/components/textfield/PasswordField.svelte b/frontend/src/lib/components/textfield/PasswordField.svelte
index 5faf961..f82bf74 100644
--- a/frontend/src/lib/components/textfield/PasswordField.svelte
+++ b/frontend/src/lib/components/textfield/PasswordField.svelte
@@ -26,7 +26,7 @@
 	</div>
 </TextField>
 
-<style>
+<style lang="postcss">
 	div {
 		@apply text-sspsBlue;
 	}
diff --git a/frontend/src/lib/components/textfield/TelephoneField.svelte b/frontend/src/lib/components/textfield/TelephoneField.svelte
index fadf4a6..b8eed07 100644
--- a/frontend/src/lib/components/textfield/TelephoneField.svelte
+++ b/frontend/src/lib/components/textfield/TelephoneField.svelte
@@ -35,5 +35,5 @@
 	</div>
 </TextField>
 
-<style>
+<style lang="postcss">
 </style>
diff --git a/frontend/src/lib/components/textfield/TextField.svelte b/frontend/src/lib/components/textfield/TextField.svelte
index b1c1a34..86d21cc 100644
--- a/frontend/src/lib/components/textfield/TextField.svelte
+++ b/frontend/src/lib/components/textfield/TextField.svelte
@@ -45,7 +45,7 @@
 	{/if}
 </div>
 
-<style>
+<style lang="postcss">
 	div,
 	input {
 		@apply w-full;
diff --git a/frontend/src/routes/(admin)/admin/(authenticated)/candidate/[code=application]/+page.svelte b/frontend/src/routes/(admin)/admin/(authenticated)/candidate/[code=application]/+page.svelte
index a1460a2..c9a4d27 100644
--- a/frontend/src/routes/(admin)/admin/(authenticated)/candidate/[code=application]/+page.svelte
+++ b/frontend/src/routes/(admin)/admin/(authenticated)/candidate/[code=application]/+page.svelte
@@ -7,5 +7,5 @@
 
 <CandidateDetails id={data.id} candidateData={data.candidateData} />
 
-<style>
+<style lang="postcss">
 </style>
diff --git a/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte b/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
index c678e28..424ba4d 100644
--- a/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
+++ b/frontend/src/routes/(admin)/admin/(authenticated)/dashboard/+page.svelte
@@ -155,7 +155,7 @@
 
 <svelte:window on:scroll={() => (scrollTop = window.scrollY)} />
 
-<style>
+<style lang="postcss">
 	.list {
 		@apply h-full w-96;
 		@apply float-left overflow-scroll;
diff --git a/frontend/src/routes/(admin)/admin/auth/login/+page.svelte b/frontend/src/routes/(admin)/admin/auth/login/+page.svelte
index f1771ae..a2140cc 100644
--- a/frontend/src/routes/(admin)/admin/auth/login/+page.svelte
+++ b/frontend/src/routes/(admin)/admin/auth/login/+page.svelte
@@ -48,7 +48,7 @@
 	</div>
 </SplitLayout>
 
-<style>
+<style lang="postcss">
 	.form {
 		@apply flex flex-col;
 		@apply mx-auto h-full w-[90%];
diff --git a/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte b/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
index 57b6d7b..774bb6a 100644
--- a/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/dashboard/+page.svelte
@@ -112,7 +112,7 @@
 	</div>
 </FullLayout>
 
-<style>
+<style lang="postcss">
 	.showDetailsInfoCard {
 		@apply md:row-span-8;
 	}
diff --git a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
index 1ccae43..d1c9570 100644
--- a/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
+++ b/frontend/src/routes/(candidate)/(authenticated)/register/+page.svelte
@@ -494,7 +494,7 @@
 	</div>
 </SplitLayout>
 
-<style>
+<style lang="postcss">
 	.form {
 		@apply flex flex-col;
 		@apply mx-auto h-full w-[90%];
diff --git a/frontend/src/routes/(candidate)/auth/login/+page.svelte b/frontend/src/routes/(candidate)/auth/login/+page.svelte
index 9305751..adef62a 100644
--- a/frontend/src/routes/(candidate)/auth/login/+page.svelte
+++ b/frontend/src/routes/(candidate)/auth/login/+page.svelte
@@ -32,7 +32,7 @@
 	</div>
 </SplitLayout>
 
-<style>
+<style lang="postcss">
 	.form {
 		@apply flex flex-col;
 		@apply mx-auto h-full w-[90%];
diff --git a/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte b/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
index 8719726..9e4e728 100644
--- a/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
+++ b/frontend/src/routes/(candidate)/auth/login/[code=application]/+page.svelte
@@ -119,7 +119,7 @@
 	</div>
 </FullLayout>
 
-<style>
+<style lang="postcss">
 	.modal {
 		@apply flex flex-col items-center justify-center;
 		@apply mx-auto my-auto;