diff --git a/frontend/src/components/CompararModal.css b/frontend/src/components/CompararModal.css
index e7144fd..8913ab9 100644
--- a/frontend/src/components/CompararModal.css
+++ b/frontend/src/components/CompararModal.css
@@ -235,6 +235,7 @@
   padding: 0.4rem 0.8rem;
   border-radius: 8px;
   background: rgba(255, 255, 255, 0.04);
+  width: 100%;
 }
 
 .linha-comparacao .valor:first-child {
@@ -243,7 +244,6 @@
 
 .linha-comparacao .valor:last-child {
   justify-content: flex-start;
-  flex-direction: row-reverse;
 }
 
 .valor-numero {
diff --git a/frontend/src/components/CompararModal.jsx b/frontend/src/components/CompararModal.jsx
index c26bb3d..f2f5285 100644
--- a/frontend/src/components/CompararModal.jsx
+++ b/frontend/src/components/CompararModal.jsx
@@ -90,8 +90,8 @@ const CompararModal = ({ consultor1, consultor2, onClose }) => {
     return (
       <div className="linha-comparacao">
         <div className={`valor ${diff1.classe}`} style={{ '--cor-componente': cor }}>
-          <span className="valor-numero">{val1}</span>
           <span className="valor-diff">{diff1.texto}</span>
+          <span className="valor-numero">{val1}</span>
         </div>
         <div className="label-centro">{label}</div>
         <div className={`valor ${diff2.classe}`} style={{ '--cor-componente': cor }}>