diff --git a/demo/DemoApp.tsx b/demo/DemoApp.tsx
index 7c54206..c8cbdc9 100644
--- a/demo/DemoApp.tsx
+++ b/demo/DemoApp.tsx
@@ -126,6 +126,11 @@ export function DemoApp()
 					Test password
 				</PasswordInput>
 
+				<label>
+					Disabled input
+					<input type={"text"} name={"disabled"} value={"fixed value"} disabled={true} />
+				</label>
+
 				<DatepickerInput value={datetime} onChange={setDatetime}>
 					Date test
 				</DatepickerInput>
diff --git a/src/styles/components/forms/_input.less b/src/styles/components/forms/_input.less
index 633a763..ab11b59 100644
--- a/src/styles/components/forms/_input.less
+++ b/src/styles/components/forms/_input.less
@@ -24,6 +24,12 @@ input, textarea, select
 		color: var(--neutral);
 		opacity: 1;
 	}
+
+	&:disabled
+	{
+		background: var(--background);
+		opacity: 0.8;
+	}
 }
 
 textarea