diff --git a/src/app/components/About.js b/src/app/components/About.js
index 4715b00a8cb68d37e9e0a37e763d1bdde76ba7b4..3d5280c3770988b223b627660967c93ce5072ca7 100644
--- a/src/app/components/About.js
+++ b/src/app/components/About.js
@@ -52,23 +52,23 @@ export default function AboutComponent() {
 
   const Statistics = () => {
     return (
-      <div className="flex max-sm:flex-col mb-10">
+      <div className="flex max-sm:flex-col mb-10 gap-x-[60px]">
         <StatisticInfo
-          name={<p>Recursos <br /> Disponíveis</p>}
+          name={<p>Recursos Disponíveis</p>}
           data={statistics["count"]}
-          color={{ text: "text-orange-HC-white", bg: "bg-orange-HC-white" }}
+          color={{ text: "text-darkGray-HC-white", bg: "bg-orange-HC-white" }}
           icon="/redigitais.svg"
         />
         <StatisticInfo
-          name={<p>Recursos <br /> Acessados <br /> por mês</p>}
+          name={<p>Recursos Acessados <br /> por mês</p>}
           data={statistics["month_downloads"]}
-          color={{ text: "text-violet-HC-white", bg: "bg-violet-HC-white" }}
+          color={{ text: "text-darkGray-HC-white", bg: "bg-violet-HC-white" }}
           icon="/download.svg"
         />
         <StatisticInfo
-          name={<p>Usuários <br /> Cadastrados </p>}
+          name={<p>Usuários Cadastrados </p>}
           data={statistics["unique_users"]}
-          color={{ text: "text-pink-HC-white", bg: "bg-pink-HC-white" }}
+          color={{ text: "text-darkGray-HC-white", bg: "bg-pink-HC-white" }}
           icon="/seguir.svg"
         />
       </div>