diff --git a/client/src/components/screens/Patient/components/PatientDetails/DetailsRow.tsx b/client/src/components/screens/Patient/components/PatientDetails/DetailsRow.tsx
index 97aa74cb..4e173728 100644
--- a/client/src/components/screens/Patient/components/PatientDetails/DetailsRow.tsx
+++ b/client/src/components/screens/Patient/components/PatientDetails/DetailsRow.tsx
@@ -1,10 +1,13 @@
 import React, { ReactNode } from 'react';
+import { Typography } from 'antd';
 
 type Props = { title: string; value?: string | ReactNode };
 
+const { Text } = Typography;
+
 const DetailsRow = ({ title, value }: Props): React.ReactElement => (
   <div className="patient-section__col__details__row">
-    <span className="patient-section__col__details__row__title">{title}</span>
+    <Text className="patient-section__col__details__row__title">{title}</Text>
     <span className="patient-section__col__details__row__info">{value || '--'}</span>
   </div>
 );
diff --git a/client/src/components/screens/Patient/components/PatientDetails/styles.scss b/client/src/components/screens/Patient/components/PatientDetails/styles.scss
index fb16dc85..a0cb1f08 100644
--- a/client/src/components/screens/Patient/components/PatientDetails/styles.scss
+++ b/client/src/components/screens/Patient/components/PatientDetails/styles.scss
@@ -47,6 +47,7 @@
         &__title {
           color: $gray-7;
           font-weight: 500;
+          font-size: 12px;
         }
 
         &__info {