diff --git a/client/src/components/PedigreeTree.jsx b/client/src/components/PedigreeTree.jsx
index a0e7d7d..4ce1bd7 100644
--- a/client/src/components/PedigreeTree.jsx
+++ b/client/src/components/PedigreeTree.jsx
@@ -186,8 +186,8 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
         {coi !== null && coi !== undefined && (
           <div className="coi-display">
             <span className="coi-label">COI</span>
-            <span className={`coi-value ${coi > 10 ? 'high' : coi > 5 ? 'medium' : 'low'}`}>
-              {coi.toFixed(2)}%
+            <span className={`coi-value ${coi > 0.10 ? 'high' : coi > 0.05 ? 'medium' : 'low'}`}>
+              {(coi * 100).toFixed(2)}%
             </span>
           </div>
         )}