diff --git a/components/lib/listbox/style/ListboxStyle.js b/components/lib/listbox/style/ListboxStyle.js
index 11158750f..efab7e59f 100644
--- a/components/lib/listbox/style/ListboxStyle.js
+++ b/components/lib/listbox/style/ListboxStyle.js
@@ -6,7 +6,8 @@ const theme = ({ dt }) => `
     color: ${dt('listbox.color')};
     border: 1px solid ${dt('listbox.border.color')};
     border-radius: ${dt('listbox.border.radius')};
-    transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
+    transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, 
+            box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
     outline-color: transparent;
     box-shadow: ${dt('listbox.shadow')};
 }
@@ -64,7 +65,8 @@ const theme = ({ dt }) => `
     border: 0 none;
     border-radius: ${dt('listbox.option.border.radius')};
     color: ${dt('listbox.option.color')};
-    transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
+    transition: background ${dt('listbox.transition.duration')}, color ${dt('listbox.transition.duration')}, border-color ${dt('listbox.transition.duration')}, 
+            box-shadow ${dt('listbox.transition.duration')}, outline-color ${dt('listbox.transition.duration')};
 }
 
 .p-listbox .p-listbox-list .p-listbox-option.p-listbox-option-selected {
@@ -89,9 +91,8 @@ const theme = ({ dt }) => `
 
 .p-listbox-option-check-icon {
     position: relative;
-    margin-left: -0.375rem;
-    margin-right: 0.375rem;
-    color: ${dt('listbox.checkmark.color')};
+    margin-inline-start: ${dt('listbox.checkmark.gutter.start')};
+    margin-inline-end: ${dt('listbox.checkmark.gutter.end')};
 }
 
 .p-listbox-option-group {
diff --git a/components/lib/select/style/SelectStyle.js b/components/lib/select/style/SelectStyle.js
index e39549c55..c7275cf23 100644
--- a/components/lib/select/style/SelectStyle.js
+++ b/components/lib/select/style/SelectStyle.js
@@ -8,7 +8,8 @@ const theme = ({ dt }) => `
     user-select: none;
     background: ${dt('select.background')};
     border: 1px solid ${dt('select.border.color')};
-    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};
+    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, 
+        outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};
     border-radius: ${dt('select.border.radius')};
     outline-color: transparent;
     box-shadow: ${dt('select.shadow')};
@@ -156,7 +157,8 @@ input.p-select-label {
     border: 0 none;
     color: ${dt('select.option.color')};
     background: transparent;
-    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};
+    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')}, 
+            box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};
     border-radius: ${dt('select.option.border.radius')};
 }
 
@@ -177,9 +179,8 @@ input.p-select-label {
 
 .p-select-option-check-icon {
     position: relative;
-    margin-left: -0.375rem;
-    margin-right: 0.375rem;
-    color: ${dt('select.checkmark.color')};
+    margin-inline-start: ${dt('select.checkmark.gutter.start')};
+    margin-inline-end: ${dt('select.checkmark.gutter.end')};
 }
 
 .p-select-empty-message {
diff --git a/components/lib/themes/aura/listbox/index.js b/components/lib/themes/aura/listbox/index.js
index 46e1cf89e..10b574c48 100644
--- a/components/lib/themes/aura/listbox/index.js
+++ b/components/lib/themes/aura/listbox/index.js
@@ -44,7 +44,9 @@ export default {
         padding: '{list.option.group.padding}'
     },
     checkmark: {
-        color: '{list.option.color}'
+        color: '{list.option.color}',
+        gutterStart: '-0.375rem',
+        gutterEnd: '0.375rem'
     },
     emptyMessage: {
         padding: '{list.option.padding}'
diff --git a/components/lib/themes/aura/select/index.js b/components/lib/themes/aura/select/index.js
index 0d3ff3766..841429415 100644
--- a/components/lib/themes/aura/select/index.js
+++ b/components/lib/themes/aura/select/index.js
@@ -63,7 +63,9 @@ export default {
         color: '{form.field.icon.color}'
     },
     checkmark: {
-        color: '{list.option.color}'
+        color: '{list.option.color}',
+        gutterStart: '-0.375rem',
+        gutterEnd: '0.375rem'
     },
     emptyMessage: {
         padding: '{list.option.padding}'
diff --git a/components/lib/themes/lara/listbox/index.js b/components/lib/themes/lara/listbox/index.js
index 46e1cf89e..7605b7f35 100644
--- a/components/lib/themes/lara/listbox/index.js
+++ b/components/lib/themes/lara/listbox/index.js
@@ -44,7 +44,9 @@ export default {
         padding: '{list.option.group.padding}'
     },
     checkmark: {
-        color: '{list.option.color}'
+        color: '{list.option.color}',
+        gutterStart: '-0.5rem',
+        gutterEnd: '0.5rem'
     },
     emptyMessage: {
         padding: '{list.option.padding}'
diff --git a/components/lib/themes/lara/select/index.js b/components/lib/themes/lara/select/index.js
index e1ac69524..578828326 100644
--- a/components/lib/themes/lara/select/index.js
+++ b/components/lib/themes/lara/select/index.js
@@ -60,7 +60,9 @@ export default {
         padding: '{list.option.group.padding}'
     },
     checkmark: {
-        color: '{list.option.color}'
+        color: '{list.option.color}',
+        gutterStart: '-0.5rem',
+        gutterEnd: '0.5rem'
     },
     emptyMessage: {
         padding: '{list.option.padding}'
diff --git a/components/lib/themes/nora/listbox/index.js b/components/lib/themes/nora/listbox/index.js
index 46e1cf89e..10b574c48 100644
--- a/components/lib/themes/nora/listbox/index.js
+++ b/components/lib/themes/nora/listbox/index.js
@@ -44,7 +44,9 @@ export default {
         padding: '{list.option.group.padding}'
     },
     checkmark: {
-        color: '{list.option.color}'
+        color: '{list.option.color}',
+        gutterStart: '-0.375rem',
+        gutterEnd: '0.375rem'
     },
     emptyMessage: {
         padding: '{list.option.padding}'
diff --git a/components/lib/themes/nora/select/index.js b/components/lib/themes/nora/select/index.js
index 0d3ff3766..841429415 100644
--- a/components/lib/themes/nora/select/index.js
+++ b/components/lib/themes/nora/select/index.js
@@ -63,7 +63,9 @@ export default {
         color: '{form.field.icon.color}'
     },
     checkmark: {
-        color: '{list.option.color}'
+        color: '{list.option.color}',
+        gutterStart: '-0.375rem',
+        gutterEnd: '0.375rem'
     },
     emptyMessage: {
         padding: '{list.option.padding}'