diff --git a/components/CharacterUnit/index.tsx b/components/CharacterUnit/index.tsx
index 27b36ace..353f85e6 100644
--- a/components/CharacterUnit/index.tsx
+++ b/components/CharacterUnit/index.tsx
@@ -44,7 +44,7 @@ const CharacterUnit = (props: Props) => {
     return (
         <div>
             <div className={classes}>
-                <div className="CharacterImage" onClick={props.onClick}>
+                <div className="CharacterImage" onClick={ (props.editable) ? props.onClick : () => {} }>
                     <img alt={character?.name.en} className="grid_image" src={imageUrl} />
                     { (props.editable) ? <span className='icon'><PlusIcon /></span> : '' }
                 </div>
diff --git a/components/SummonUnit/index.tsx b/components/SummonUnit/index.tsx
index 63597315..0c31552f 100644
--- a/components/SummonUnit/index.tsx
+++ b/components/SummonUnit/index.tsx
@@ -52,7 +52,7 @@ const SummonUnit = (props: Props) => {
     return (
         <div>
             <div className={classes}>
-                <div className="SummonImage" onClick={props.onClick}>
+                <div className="SummonImage" onClick={ (props.editable) ? props.onClick : () => {} }>
                     <img alt={summon?.name.en} className="grid_image" src={imageUrl} />
                     { (props.editable) ? <span className='icon'><PlusIcon /></span> : '' }
                 </div>
diff --git a/components/WeaponUnit/index.tsx b/components/WeaponUnit/index.tsx
index 46ee83b1..8e4de182 100644
--- a/components/WeaponUnit/index.tsx
+++ b/components/WeaponUnit/index.tsx
@@ -50,7 +50,7 @@ const WeaponUnit = (props: Props) => {
     return (
         <div>
             <div className={classes}>
-                <div className="WeaponImage" onClick={props.onClick}>
+                <div className="WeaponImage" onClick={ (props.editable) ? props.onClick : () => {} }>
                     <img alt={weapon?.name.en} className="grid_image" src={imageUrl} />
                     { (props.editable) ? <span className='icon'><PlusIcon /></span> : '' }
                 </div>