diff --git a/front/src/modules/ui/icon/index.ts b/front/src/modules/ui/icon/index.ts
index 7bb41d1e4..b1d481510 100644
--- a/front/src/modules/ui/icon/index.ts
+++ b/front/src/modules/ui/icon/index.ts
@@ -5,9 +5,9 @@ export {
   IconAlertTriangle,
   IconArchive,
   IconArrowBack,
-  IconArrowNarrowDown,
-  IconArrowNarrowUp,
+  IconArrowDown,
   IconArrowRight,
+  IconArrowUp,
   IconArrowUpRight,
   IconBell,
   IconBrandGithub,
diff --git a/front/src/modules/ui/view-bar/components/ViewBarDetails.tsx b/front/src/modules/ui/view-bar/components/ViewBarDetails.tsx
index 918b46fd1..daee5123e 100644
--- a/front/src/modules/ui/view-bar/components/ViewBarDetails.tsx
+++ b/front/src/modules/ui/view-bar/components/ViewBarDetails.tsx
@@ -2,7 +2,7 @@ import { type ReactNode, useContext } from 'react';
 import styled from '@emotion/styled';
 import { useRecoilValue } from 'recoil';
 
-import { IconArrowNarrowDown, IconArrowNarrowUp } from '@/ui/icon/index';
+import { IconArrowDown, IconArrowUp } from '@/ui/icon/index';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';
 import { useRecoilScopeId } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopeId';
@@ -194,11 +194,7 @@ export const ViewBarDetails = ({
                 key={sort.key}
                 testId={sort.key}
                 labelValue={sort.definition.label}
-                Icon={
-                  sort.direction === 'desc'
-                    ? IconArrowNarrowDown
-                    : IconArrowNarrowUp
-                }
+                Icon={sort.direction === 'desc' ? IconArrowDown : IconArrowUp}
                 isSort
                 onRemove={() => handleSortRemove(sort.key)}
               />