From c82ab7489bd42d50a1ff53c8887be46814047ca7 Mon Sep 17 00:00:00 2001
From: Ashutosh Rai <85889617+Ashutosh0602@users.noreply.github.com>
Date: Wed, 15 May 2024 04:23:23 +0530
Subject: [PATCH] fixed text-\[.*px\] (#7770)

---
 src/Components/CameraFeed/NoFeedAvailable.tsx                   | 2 +-
 src/Components/Common/Sidebar/SidebarItem.tsx                   | 2 +-
 .../Facility/ConsultationDetails/ConsultationUpdatesTab.tsx     | 2 +-
 src/Components/Patient/Waveform.tsx                             | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Components/CameraFeed/NoFeedAvailable.tsx b/src/Components/CameraFeed/NoFeedAvailable.tsx
index a2cb10cc618..81f70ff5d87 100644
--- a/src/Components/CameraFeed/NoFeedAvailable.tsx
+++ b/src/Components/CameraFeed/NoFeedAvailable.tsx
@@ -28,7 +28,7 @@ export default function NoFeedAvailable(props: Props) {
     >
       <CareIcon icon={props.icon} className="text-2xl" />
       <span className="text-xs font-bold">{props.message}</span>
-      <span className="hidden px-10 font-mono text-[10px] text-gray-500 md:block">
+      <span className="hidden px-10 font-mono text-xs text-gray-500 md:block">
         {redactedURL}
       </span>
       <div className="mt-4 flex items-center gap-2">
diff --git a/src/Components/Common/Sidebar/SidebarItem.tsx b/src/Components/Common/Sidebar/SidebarItem.tsx
index 3101fc14535..b119aa58565 100644
--- a/src/Components/Common/Sidebar/SidebarItem.tsx
+++ b/src/Components/Common/Sidebar/SidebarItem.tsx
@@ -74,7 +74,7 @@ const SidebarItemBase = forwardRef(
           <span
             className={`absolute flex items-center justify-center bg-primary-500 font-semibold text-white ${
               shrinked
-                ? "right-3 top-0.5 h-4 w-5 rounded-md text-[9px]"
+                ? "right-3 top-0.5 h-4 w-5 rounded-md text-xs"
                 : "inset-y-0 right-4 my-auto h-6 rounded-md px-2 text-xs"
             } z-10 animate-pulse transition-all duration-200 ease-in-out`}
           >
diff --git a/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx b/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx
index 72eb54aeac8..1ec89152f16 100644
--- a/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx
+++ b/src/Components/Facility/ConsultationDetails/ConsultationUpdatesTab.tsx
@@ -774,7 +774,7 @@ export const ConsultationUpdatesTab = (props: ConsultationTabProps) => {
             tab2={
               <div className="flex items-center justify-center gap-1 text-sm">
                 Events
-                <span className="rounded-lg bg-warning-400 p-px px-1 text-[10px] text-white">
+                <span className="rounded-lg bg-warning-400 p-px px-1 text-xs text-white">
                   beta
                 </span>
               </div>
diff --git a/src/Components/Patient/Waveform.tsx b/src/Components/Patient/Waveform.tsx
index 07e241c048c..52885b62a51 100644
--- a/src/Components/Patient/Waveform.tsx
+++ b/src/Components/Patient/Waveform.tsx
@@ -126,7 +126,7 @@ export default function Waveform(props: {
       />
       <div className="absolute bottom-0 right-5 w-full md:w-[70%]">
         {props.metrics && (
-          <div className="flex flex-row flex-wrap justify-end gap-2 text-[10px] text-gray-400">
+          <div className="flex flex-row flex-wrap justify-end gap-2 text-xs text-gray-400">
             <div>Lowest: {Math.min(...queueData.slice(0, viewable))}</div>
             <div>Highest: {Math.max(...queueData.slice(0, viewable))}</div>
             <div>Stream Length: {data.length}</div>