diff --git a/frontend/src/pages/ProjectDetail.tsx b/frontend/src/pages/ProjectDetail.tsx
index 67a4d5a..a8aa856 100644
--- a/frontend/src/pages/ProjectDetail.tsx
+++ b/frontend/src/pages/ProjectDetail.tsx
@@ -240,7 +240,7 @@ export function ProjectDetail() {
                 to={href(`/projects/${prevProject.slug}`)}
                 className="group flex min-w-0 flex-1 items-center gap-3 rounded-2xl border border-ivory/12 bg-ink/40 px-4 py-3.5 transition-all duration-300 ease-lux hover:-translate-y-0.5 hover:border-copper/50 hover:bg-ink/70 md:max-w-[46%] md:px-6 md:py-5"
               >
-                <ArrowLeftIcon className="h-4 w-4 shrink-0 text-copper transition-transform duration-300 ltr:-scale-x-100 group-hover:ltr:-translate-x-1 rtl:group-hover:-translate-x-1" aria-hidden="true" />
+                <ArrowLeftIcon className="h-4 w-4 shrink-0 text-copper transition-transform duration-300 group-hover:-translate-x-1" aria-hidden="true" />
                 <span className="flex min-w-0 flex-col text-start">
                   <span className="text-[11px] font-light text-ivory/50">{t('prevProject')}</span>
                   <span className="mt-1 truncate text-sm font-bold text-ivory transition-colors duration-300 group-hover:text-copper md:text-base">
@@ -263,7 +263,7 @@ export function ProjectDetail() {
                     {nextProject.title}
                   </span>
                 </span>
-                <ArrowLeftIcon className="h-4 w-4 shrink-0 rotate-180 text-copper transition-transform duration-300 ltr:rotate-0 group-hover:ltr:translate-x-1 rtl:group-hover:translate-x-1" aria-hidden="true" />
+                <ArrowLeftIcon className="h-4 w-4 shrink-0 rotate-180 text-copper transition-transform duration-300 group-hover:translate-x-1" aria-hidden="true" />
               </Link>
             )}
           </div>