diff --git a/src/controls/AntdImageControl.tsx b/src/controls/AntdImageControl.tsx
index 1a2c531..33c0591 100644
--- a/src/controls/AntdImageControl.tsx
+++ b/src/controls/AntdImageControl.tsx
@@ -5,7 +5,7 @@ import { withStoreToControlProps } from '../util/ContextToProps';
 
 export const AntdImageControl = (props: any): JSX.Element => {
   const { uiOptions, data } = props;
-  return <Image width={'100%'} src={Array.isArray(data) ? data[0] || '' : ''} fallback={uiOptions.fallback} />;
+  return <Image height={'100%'} src={Array.isArray(data) ? data[0] || '' : ''} fallback={uiOptions.fallback} />;
 };
 
 export const antdImageControlTester: RankedTester = rankWith(3, uiTypeIs('aldkg:Image'));
diff --git a/src/layouts/AntdFormLayout.tsx b/src/layouts/AntdFormLayout.tsx
index 0df446c..eebfb0b 100644
--- a/src/layouts/AntdFormLayout.tsx
+++ b/src/layouts/AntdFormLayout.tsx
@@ -82,7 +82,9 @@ export const AntdFormLayout: React.FC<any> = ({
   return (
     <AutoSizer>
       {({ width, height }: any) => (
-        <div style={{ width, height, overflow: 'auto', position: 'relative', ...style }} onClick={() => onEdit()}>
+        <div
+          style={{ width, height, overflow: 'auto', position: 'relative', ...style }}
+          onClick={() => !readOnly && onEdit()}>
           {title && <span style={{ padding: '7px', fontSize: '2em' }}>{title}</span>}
           {readOnly ? null : <LogicalButton form={id} onSave={onSave} onCancel={onCancel} />}
           <Form labelAlign={'left'}>