diff --git a/src/Components/Common/RelativeDateUserMention.tsx b/src/Components/Common/RelativeDateUserMention.tsx
index 6c5a78c7f09..2af92268987 100644
--- a/src/Components/Common/RelativeDateUserMention.tsx
+++ b/src/Components/Common/RelativeDateUserMention.tsx
@@ -9,7 +9,7 @@ function RelativeDateUserMention(props: {
   withoutSuffix?: boolean;
 }) {
   return (
-    <div className="flex flex-row flex-wrap items-center justify-center ">
+    <div className="flex flex-row flex-wrap items-center justify-start ">
       <div className="tooltip">
         <span
           className={`tooltip-text tooltip-${props.tooltipPosition || "top"}`}
diff --git a/src/Components/Facility/ConsultationCard.tsx b/src/Components/Facility/ConsultationCard.tsx
index 1c6ec77afde..10aa4c295af 100644
--- a/src/Components/Facility/ConsultationCard.tsx
+++ b/src/Components/Facility/ConsultationCard.tsx
@@ -112,8 +112,8 @@ export const ConsultationCard = (props: ConsultationProps) => {
       <div className="mt-8 flex flex-col">
         {
           <div className="flex flex-col items-center text-sm text-gray-700 md:flex-row">
-            Created :{" "}
-            <div className=" ml-1 text-black">
+            <div className=" font-medium text-black">Created : </div>
+            <div className=" ml-1 text-gray-700">
               <RelativeDateUserMention
                 tooltipPosition="right"
                 actionDate={itemData.created_date}
@@ -123,8 +123,8 @@ export const ConsultationCard = (props: ConsultationProps) => {
           </div>
         }
         <div className="flex flex-col items-center text-sm text-gray-700 md:flex-row">
-          Last Modified :{" "}
-          <div className=" ml-1 text-black">
+          <div className=" font-medium text-black">Last Modified : </div>
+          <div className=" ml-1 text-gray-700">
             <RelativeDateUserMention
               tooltipPosition="right"
               actionDate={itemData.modified_date}
@@ -163,7 +163,9 @@ export const ConsultationCard = (props: ConsultationProps) => {
                 `/facility/${itemData.facility}/patient/${itemData.patient}/consultation/${itemData.id}/daily-rounds`
               )
             }
-            disabled={itemData.discharge_date}
+            disabled={
+              (itemData.discharge_date as string | undefined) != undefined
+            }
             authorizeFor={NonReadOnlyUsers}
           >
             Add Consultation Updates
diff --git a/src/Components/Patient/SampleTestCard.tsx b/src/Components/Patient/SampleTestCard.tsx
index 77c923c4163..ffb8b28926d 100644
--- a/src/Components/Patient/SampleTestCard.tsx
+++ b/src/Components/Patient/SampleTestCard.tsx
@@ -138,7 +138,7 @@ export const SampleTestCard = (props: SampleDetailsProps) => {
           </div>
         </div>
       </div>
-      <div className="m-2 mt-4 flex flex-col justify-between gap-4 md:flex-row">
+      <div className="m-2 mt-4 flex flex-col justify-between md:flex-row lg:gap-4">
         <div className="flex flex-col justify-between gap-4 md:flex-row">
           <div>
             <div className="mb-2 text-sm text-gray-700">
@@ -156,16 +156,17 @@ export const SampleTestCard = (props: SampleDetailsProps) => {
           </div>
         </div>
         <div className="flex flex-col gap-2">
-          <div className="flex flex-col items-center justify-end text-sm text-gray-700 md:flex-row">
-            Created:{" "}
+          <div className="flex flex-col flex-nowrap items-center justify-end text-sm text-gray-700 md:flex-col md:items-start md:justify-start lg:flex-row lg:items-center">
+            <div className=" font-medium text-black">Created: </div>
+
             <RelativeDateUserMention
               actionDate={itemData.created_date}
               user={itemData.created_by}
               tooltipPosition="left"
             />
           </div>
-          <div className="flex flex-col items-center justify-end text-sm text-gray-700 md:flex-row">
-            Last Modified:{" "}
+          <div className="flex flex-col items-center justify-end text-sm text-gray-700 md:flex-col md:items-start lg:flex-row lg:items-center">
+            <div className=" font-medium text-black">Last Modified: </div>
             <RelativeDateUserMention
               actionDate={itemData.modified_date}
               user={itemData.last_edited_by}