diff --git a/frontend/src/components/misc/Ready.vue b/frontend/src/components/misc/Ready.vue
index 918ee8bd3..9d25261ea 100644
--- a/frontend/src/components/misc/Ready.vue
+++ b/frontend/src/components/misc/Ready.vue
@@ -99,8 +99,8 @@ const baseStore = useBaseStore()
 	margin-inline-end: 1rem;
 
 	&.is-loading::after {
-		border-left-color: var(--grey-400);
-		border-bottom-color: var(--grey-400);
+		border-inline-start-color: var(--grey-400);
+		border-block-end-color: var(--grey-400);
 	}
 }
 
diff --git a/frontend/src/components/project/partials/ProjectCard.vue b/frontend/src/components/project/partials/ProjectCard.vue
index 407a1b93a..b541c3697 100644
--- a/frontend/src/components/project/partials/ProjectCard.vue
+++ b/frontend/src/components/project/partials/ProjectCard.vue
@@ -6,7 +6,7 @@
 			'has-background': blurHashUrl !== '' || background !== null
 		}"
 		:style="{
-			'border-left': project.hexColor ? `0.25rem solid ${project.hexColor}` : undefined,
+			'border-inline-start': project.hexColor ? `0.25rem solid ${project.hexColor}` : undefined,
 			'background-image': blurHashUrl !== '' ? `url(${blurHashUrl})` : undefined,
 		}"
 	>
diff --git a/frontend/src/components/tasks/partials/SingleTaskInProject.vue b/frontend/src/components/tasks/partials/SingleTaskInProject.vue
index af9cb697e..55e93bdcd 100644
--- a/frontend/src/components/tasks/partials/SingleTaskInProject.vue
+++ b/frontend/src/components/tasks/partials/SingleTaskInProject.vue
@@ -544,8 +544,8 @@ defineExpose({
 		inset-inline-start: calc(50% - 1rem);
 		width: 2rem;
 		height: 2rem;
-		border-left-color: var(--grey-300);
-		border-bottom-color: var(--grey-300);
+		border-inline-start-color: var(--grey-300);
+		border-block-end-color: var(--grey-300);
 	}
 }