diff --git a/front/app/components/HorizontalScroll/index.tsx b/front/app/components/HorizontalScroll/index.tsx
index 9dd9d34bf079..e26309096163 100644
--- a/front/app/components/HorizontalScroll/index.tsx
+++ b/front/app/components/HorizontalScroll/index.tsx
@@ -105,7 +105,7 @@ const HorizontalScroll = ({ children, containerRole }: Props) => {
           p="0px"
           my="auto"
           className="e2e-event-previews-scroll-left"
-          ariaLabel={formatMessage(messages.scrollLeft)}
+          ariaLabel={formatMessage(messages.scrollLeftLabel)}
         />
       </Box>
       <StyledContainer ref={containerRef} role={containerRole}>
@@ -125,7 +125,7 @@ const HorizontalScroll = ({ children, containerRole }: Props) => {
           buttonStyle="text"
           p="0px"
           className="e2e-event-previews-scroll-right"
-          ariaLabel={formatMessage(messages.scrollRight)}
+          ariaLabel={formatMessage(messages.scrollRightLabel)}
         />
       </Box>
     </Box>
diff --git a/front/app/components/HorizontalScroll/messages.ts b/front/app/components/HorizontalScroll/messages.ts
index 0251a989e5a7..a2b2073a53c9 100644
--- a/front/app/components/HorizontalScroll/messages.ts
+++ b/front/app/components/HorizontalScroll/messages.ts
@@ -1,12 +1,12 @@
 import { defineMessages } from 'react-intl';
 
 export default defineMessages({
-  scrollLeft: {
-    id: 'app.components.HorizontalScroll.scrollLeft',
-    defaultMessage: 'Scroll left',
+  scrollLeftLabel: {
+    id: 'app.components.HorizontalScroll.scrollLeftLabel',
+    defaultMessage: 'Scroll left.',
   },
-  scrollRight: {
-    id: 'app.components.HorizontalScroll.scrollRight',
-    defaultMessage: 'Scroll right',
+  scrollRightLabel: {
+    id: 'app.components.HorizontalScroll.scrollRightLabel',
+    defaultMessage: 'Scroll right.',
   },
 });