diff --git a/screenshot/builds/master.json b/screenshot/builds/master.json
index 1bc203f24c..7be3018772 100644
--- a/screenshot/builds/master.json
+++ b/screenshot/builds/master.json
@@ -4738,7 +4738,7 @@
     },
     {
       "id": "90a3534d",
-      "image": "f38a4676497ec52a9829ee4e678f6139.png",
+      "image": "c40b75479b747fab1f4f0dc91a26feb5.png",
       "userAgent": "default",
       "desc": "ld-label position renders at the top by default with input message at the bottom",
       "testPath": "./src/liquid/components/ld-label/test/ld-label.e2e.ts",
@@ -4790,7 +4790,7 @@
     },
     {
       "id": "59a24750",
-      "image": "cacd122a3d646a26d43fc349e1a52c2a.png",
+      "image": "b05d4134e3f35fe58a6d1d44c8043176.png",
       "userAgent": "default",
       "desc": "ld-label position renders on the left with input message at the bottom",
       "testPath": "./src/liquid/components/ld-label/test/ld-label.e2e.ts",
@@ -4816,7 +4816,7 @@
     },
     {
       "id": "2aba4500",
-      "image": "284ac51f2a3e7a6b0e4eeab73de9cda9.png",
+      "image": "47b50ab9ebefbe4e7bb68338cb52066d.png",
       "userAgent": "default",
       "desc": "ld-label position renders on the left with left-aligned input message at the bottom",
       "testPath": "./src/liquid/components/ld-label/test/ld-label.e2e.ts",
@@ -4868,7 +4868,7 @@
     },
     {
       "id": "8e808ff3",
-      "image": "486edec90dfc7db1875c255158d5222a.png",
+      "image": "f99aa6b83e089e4ca6c2463399deb187.png",
       "userAgent": "default",
       "desc": "ld-label position renders on the right with input message at the bottom",
       "testPath": "./src/liquid/components/ld-label/test/ld-label.e2e.ts",
@@ -4894,7 +4894,7 @@
     },
     {
       "id": "e32c3429",
-      "image": "e593efc7fd500de27bda173d520a932d.png",
+      "image": "18202831627e0238d8e26f730d746e6f.png",
       "userAgent": "default",
       "desc": "ld-label position renders on the right with left-aligned input message at the bottom",
       "testPath": "./src/liquid/components/ld-label/test/ld-label.e2e.ts",
diff --git a/screenshot/images/18202831627e0238d8e26f730d746e6f.png b/screenshot/images/18202831627e0238d8e26f730d746e6f.png
new file mode 100644
index 0000000000..22d7baedd1
Binary files /dev/null and b/screenshot/images/18202831627e0238d8e26f730d746e6f.png differ
diff --git a/screenshot/images/47b50ab9ebefbe4e7bb68338cb52066d.png b/screenshot/images/47b50ab9ebefbe4e7bb68338cb52066d.png
new file mode 100644
index 0000000000..bb5e3cc9cb
Binary files /dev/null and b/screenshot/images/47b50ab9ebefbe4e7bb68338cb52066d.png differ
diff --git a/screenshot/images/b05d4134e3f35fe58a6d1d44c8043176.png b/screenshot/images/b05d4134e3f35fe58a6d1d44c8043176.png
new file mode 100644
index 0000000000..c8e8b05617
Binary files /dev/null and b/screenshot/images/b05d4134e3f35fe58a6d1d44c8043176.png differ
diff --git a/screenshot/images/c40b75479b747fab1f4f0dc91a26feb5.png b/screenshot/images/c40b75479b747fab1f4f0dc91a26feb5.png
new file mode 100644
index 0000000000..0993ceabdc
Binary files /dev/null and b/screenshot/images/c40b75479b747fab1f4f0dc91a26feb5.png differ
diff --git a/screenshot/images/f99aa6b83e089e4ca6c2463399deb187.png b/screenshot/images/f99aa6b83e089e4ca6c2463399deb187.png
new file mode 100644
index 0000000000..03cd32d0bc
Binary files /dev/null and b/screenshot/images/f99aa6b83e089e4ca6c2463399deb187.png differ
diff --git a/src/liquid/components/ld-icon/readme.md b/src/liquid/components/ld-icon/readme.md
index f9cb073ba7..23fb0f07c2 100644
--- a/src/liquid/components/ld-icon/readme.md
+++ b/src/liquid/components/ld-icon/readme.md
@@ -265,6 +265,19 @@ Liquid's icons use the [`currentColor`](https://developer.mozilla.org/en-US/docs
 | `"icon"` | Actual SVG element |
 
 
+## Dependencies
+
+### Used by
+
+ - [ld-input-message](../ld-input-message)
+
+### Graph
+```mermaid
+graph TD;
+  ld-input-message --> ld-icon
+  style ld-icon fill:#f9f,stroke:#333,stroke-width:4px
+```
+
 ----------------------------------------------
 
  
diff --git a/src/liquid/components/ld-input-message/assets/error.svg b/src/liquid/components/ld-input-message/assets/error.svg
index 99a0514d15..a9619308ef 100644
--- a/src/liquid/components/ld-input-message/assets/error.svg
+++ b/src/liquid/components/ld-input-message/assets/error.svg
@@ -1,5 +1,5 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14Z" fill="#E61E50"/>
-  <path d="M4.66675 4.66699L9.33341 9.33366" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M4.66675 9.33301L9.33341 4.66634" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14Z" fill="currentColor"/>
+  <path d="M4.66675 4.66699L9.33341 9.33366" stroke="var(--ld-col-wht)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4.66675 9.33301L9.33341 4.66634" stroke="var(--ld-col-wht)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/src/liquid/components/ld-input-message/assets/info.svg b/src/liquid/components/ld-input-message/assets/info.svg
index 3d164ea903..385bd5bf6f 100644
--- a/src/liquid/components/ld-input-message/assets/info.svg
+++ b/src/liquid/components/ld-input-message/assets/info.svg
@@ -1,5 +1,5 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14Z" fill="#FFC832"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.18234 11.0254C6.79228 11.0254 6.48657 10.9147 6.26518 10.6933C6.0438 10.472 5.93311 10.1662 5.93311 9.77618V6.12335C5.93311 5.99685 6.0069 5.93359 6.15449 5.93359H6.89771C7.28776 5.93359 7.59348 6.04428 7.81487 6.26567C8.03625 6.48705 8.14694 6.79277 8.14694 7.18283V10.8357C8.14694 10.9622 8.07315 11.0254 7.92556 11.0254H7.18234Z" fill="#091734"/>
-  <ellipse cx="6.99977" cy="3.80007" rx="1.06667" ry="1.06667" fill="#091734"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14Z" fill="var(--ld-thm-warning)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.18234 11.0254C6.79228 11.0254 6.48657 10.9147 6.26518 10.6933C6.0438 10.472 5.93311 10.1662 5.93311 9.77618V6.12335C5.93311 5.99685 6.0069 5.93359 6.15449 5.93359H6.89771C7.28776 5.93359 7.59348 6.04428 7.81487 6.26567C8.03625 6.48705 8.14694 6.79277 8.14694 7.18283V10.8357C8.14694 10.9622 8.07315 11.0254 7.92556 11.0254H7.18234Z" fill="var(--ld-col-neutral-900)"/>
+  <ellipse cx="6.99977" cy="3.80007" rx="1.06667" ry="1.06667" fill="var(--ld-col-neutral-900)"/>
 </svg>
diff --git a/src/liquid/components/ld-input-message/assets/valid.svg b/src/liquid/components/ld-input-message/assets/valid.svg
index 000c72c6f8..4cb37198c8 100644
--- a/src/liquid/components/ld-input-message/assets/valid.svg
+++ b/src/liquid/components/ld-input-message/assets/valid.svg
@@ -1,4 +1,4 @@
 <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg" fill="none">
-  <circle cx="7" cy="7" r="7" fill="#01884C"/>
-  <path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.1 5.1L6.1 9 3.8 6.8"/>
+  <circle cx="7" cy="7" r="7" fill="currentColor"/>
+  <path stroke="var(--ld-col-wht)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.1 5.1L6.1 9 3.8 6.8"/>
 </svg>
diff --git a/src/liquid/components/ld-input-message/ld-input-message.css b/src/liquid/components/ld-input-message/ld-input-message.css
index 15688d479b..1af80ba9c0 100644
--- a/src/liquid/components/ld-input-message/ld-input-message.css
+++ b/src/liquid/components/ld-input-message/ld-input-message.css
@@ -4,7 +4,7 @@
   --ld-input-message-error-text-col: var(--ld-thm-error);
 
   display: inline-flex;
-  align-items: flex-start;
+  align-items: baseline;
   font: var(--ld-typo-body-s);
   line-height: 1.5;
 }
diff --git a/src/liquid/components/ld-input-message/ld-input-message.tsx b/src/liquid/components/ld-input-message/ld-input-message.tsx
index 07b9c1cc13..cf8d91a5b0 100644
--- a/src/liquid/components/ld-input-message/ld-input-message.tsx
+++ b/src/liquid/components/ld-input-message/ld-input-message.tsx
@@ -1,5 +1,5 @@
 import '../../components' // type definitions for type checks and intelliSense
-import { Component, h, Prop, getAssetPath, Host } from '@stencil/core'
+import { Component, h, Prop, Host } from '@stencil/core'
 
 /**
  * @virtualProp ref - reference to component
@@ -19,12 +19,11 @@ export class LdInputMessage {
   render() {
     return (
       <Host class={`ld-input-message ld-input-message--${this.mode}`}>
-        <img
-          alt=""
+        <ld-icon
           class="ld-input-message__icon"
+          name={this.mode}
           part="icon"
-          role="presentation"
-          src={getAssetPath(`./assets/${this.mode}.svg`)}
+          size="sm"
         />
         <span aria-live="assertive">
           <slot></slot>
diff --git a/src/liquid/components/ld-input-message/readme.md b/src/liquid/components/ld-input-message/readme.md
index 7b3ad86b88..1515b75019 100644
--- a/src/liquid/components/ld-input-message/readme.md
+++ b/src/liquid/components/ld-input-message/readme.md
@@ -91,6 +91,19 @@ This component is meant to be used in conjunction with the [`ld-input`](componen
 | `"icon"` | Image tag used for the icon |
 
 
+## Dependencies
+
+### Depends on
+
+- [ld-icon](../ld-icon)
+
+### Graph
+```mermaid
+graph TD;
+  ld-input-message --> ld-icon
+  style ld-input-message fill:#f9f,stroke:#333,stroke-width:4px
+```
+
 ----------------------------------------------