diff --git a/packages/core/src/components/event-list-item/event-list-item.scss b/packages/core/src/components/event-list-item/event-list-item.scss
index 362600f3497..dd593d7353f 100644
--- a/packages/core/src/components/event-list-item/event-list-item.scss
+++ b/packages/core/src/components/event-list-item/event-list-item.scss
@@ -82,6 +82,7 @@ $default-event-list-item-height: 2.5rem;
       max-height: var(--event-list-item-height, 100%);
       white-space: var(--event-list-item-content-white-space, inherit);
       overflow: hidden;
+      padding-inline-end: $small-space;
     }
 
     .chevron-icon {
diff --git a/packages/core/src/tests/event-list/chevron/index.html b/packages/core/src/tests/event-list/chevron/index.html
index af244540997..23a6a41e231 100644
--- a/packages/core/src/tests/event-list/chevron/index.html
+++ b/packages/core/src/tests/event-list/chevron/index.html
@@ -5,25 +5,25 @@
 -->
 
 <html>
-  <head>
+<head>
     <meta charset="utf-8" />
     <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+            name="viewport"
+            content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
     />
     <title>Stencil Component Starter</title>
-  </head>
-  <body>
-    <ix-event-list chevron>
-      <ix-event-list-item color="color-primary" disabled
-        >Text 1</ix-event-list-item
-      >
-      <ix-event-list-item color="color-primary">Text 2</ix-event-list-item>
-      <ix-event-list-item color="color-primary" selected
-        >Text 3</ix-event-list-item
-      >
-      <ix-event-list-item color="color-primary">Text 4</ix-event-list-item>
-    </ix-event-list>
-    <script src="http://127.0.0.1:8080/scripts/e2e/load-e2e-runtime.js"></script>
-  </body>
+</head>
+<body>
+<ix-event-list chevron>
+    <ix-event-list-item color="color-primary" disabled
+    >Text 1</ix-event-list-item
+    >
+    <ix-event-list-item color="color-primary">Text 2</ix-event-list-item>
+    <ix-event-list-item color="color-primary" selected
+    >Text 3</ix-event-list-item
+    >
+    <ix-event-list-item color="color-primary">Text 4</ix-event-list-item>
+</ix-event-list>
+<script src="http://127.0.0.1:8080/scripts/e2e/load-e2e-runtime.js"></script>
+</body>
 </html>
