diff --git a/index.compiler.spec.js b/index.compiler.spec.js
index efad811e..3f708f6d 100644
--- a/index.compiler.spec.js
+++ b/index.compiler.spec.js
@@ -2966,8 +2966,8 @@ describe('overrides', () => {
     expect($element.outerHTML).toMatchInlineSnapshot(`
 
 <input type="checkbox"
-       class="foo"
        readonly
+       class="foo"
        value="on"
 >
 
diff --git a/index.js b/index.js
index 7f95486a..14398ac3 100644
--- a/index.js
+++ b/index.js
@@ -727,8 +727,8 @@ export function compiler(markdown, options) {
     return createElementFn(
       getTag(tag, options.overrides),
       {
-        ...overrideProps,
         ...props,
+        ...overrideProps,
         className:
           cx(props && props.className, overrideProps.className) || undefined,
       },