diff --git a/components/lib/themes/lara/inputgroup/index.js b/components/lib/themes/lara/inputgroup/index.js
index 98043141a..97faf25ae 100644
--- a/components/lib/themes/lara/inputgroup/index.js
+++ b/components/lib/themes/lara/inputgroup/index.js
@@ -1,7 +1,18 @@
 export default {
-    addon: {
-        background: '{form.field.background}',
-        borderColor: '{form.field.border.color}',
-        color: '{form.field.icon.color}'
+    colorScheme: {
+        light: {
+            addon: {
+                background: '{surface.100}',
+                borderColor: '{form.field.border.color}',
+                color: '{text.muted.color}'
+            }
+        },
+        dark: {
+            addon: {
+                background: '{surface.800}',
+                borderColor: '{form.field.border.color}',
+                color: '{text.muted.color}'
+            }
+        }
     }
 };