diff --git a/packages/core/components/InputOrGroup/index.tsx b/packages/core/components/InputOrGroup/index.tsx
index b267ee137a..26fd99dce2 100644
--- a/packages/core/components/InputOrGroup/index.tsx
+++ b/packages/core/components/InputOrGroup/index.tsx
@@ -11,6 +11,7 @@ import {
   DefaultField,
   TextareaField,
 } from "./fields";
+import { Lock } from "react-feather";
 
 const getClassName = getClassNameFactory("Input", styles);
 
@@ -35,6 +36,12 @@ export const FieldLabel = ({
       <div className={getClassName("label")}>
         {icon ? <div className={getClassName("labelIcon")}>{icon}</div> : <></>}
         {label}
+
+        {readOnly && (
+          <div className={getClassName("disabledIcon")} title="Read-only">
+            <Lock size="12" />
+          </div>
+        )}
       </div>
       {children}
     </El>
diff --git a/packages/core/components/InputOrGroup/styles.module.css b/packages/core/components/InputOrGroup/styles.module.css
index 93e3faab22..402569f867 100644
--- a/packages/core/components/InputOrGroup/styles.module.css
+++ b/packages/core/components/InputOrGroup/styles.module.css
@@ -34,6 +34,12 @@
 .Input-labelIcon {
   color: var(--puck-color-grey-6);
   margin-right: 4px;
+  padding-left: 4px;
+}
+
+.Input-disabledIcon {
+  color: var(--puck-color-grey-4);
+  margin-left: auto;
 }
 
 .Input-input {