From ad8806ad128baa63ae7fa4689721bc33d7f44a75 Mon Sep 17 00:00:00 2001
From: Airike Jaska <95303654+airikej@users.noreply.github.com>
Date: Tue, 10 Mar 2026 12:31:58 +0200
Subject: [PATCH] fix(list): fix mobile padding #552

---
 src/tedi/components/content/list/list.module.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/tedi/components/content/list/list.module.scss b/src/tedi/components/content/list/list.module.scss
index 432fdc56..e2b09892 100644
--- a/src/tedi/components/content/list/list.module.scss
+++ b/src/tedi/components/content/list/list.module.scss
@@ -23,12 +23,12 @@ $bullet-colors: (
 }
 
 .tedi-list--unordered {
-  padding-left: var(--list-padding-left-level-1);
+  padding-left: calc(var(--list-inner-spacing-x) + var(--list-icon-size));
   list-style: none;
 
   .tedi-list__item {
     position: relative;
-    padding-left: var(--list-padding-left-level-1);
+    padding-left: calc(var(--list-inner-spacing-x) + var(--list-icon-size));
 
     &::before {
       position: absolute;
@@ -67,7 +67,7 @@ $bullet-colors: (
 }
 
 .tedi-list--ordered {
-  padding-left: var(--list-padding-left-level-1);
+  padding-left: calc(var(--list-inner-spacing-x) + var(--list-icon-size));
   list-style: none;
   counter-reset: item;