diff --git a/Dashboard/src/Components/Dashboard/Components/DashboardTextComponent.tsx b/Dashboard/src/Components/Dashboard/Components/DashboardTextComponent.tsx
index 54590be518..7f436ed6d6 100644
--- a/Dashboard/src/Components/Dashboard/Components/DashboardTextComponent.tsx
+++ b/Dashboard/src/Components/Dashboard/Components/DashboardTextComponent.tsx
@@ -10,7 +10,7 @@ const DashboardTextComponentElement: FunctionComponent<ComponentProps> = (
   props: ComponentProps,
 ): ReactElement => {
   const textClassName: string = `truncate ${props.component.arguments.isBold ? "font-medium" : ""} ${props.component.arguments.isItalic ? "italic" : ""} ${props.component.arguments.isUnderline ? "underline" : ""}`;
-  const textHeightInxPx: number = props.dashboardComponentHeightInPx * 0.50;
+  const textHeightInxPx: number = props.dashboardComponentHeightInPx * 0.5;
 
   return (
     <div>
diff --git a/Dashboard/src/Components/Dashboard/Components/DashboardValueComponent.tsx b/Dashboard/src/Components/Dashboard/Components/DashboardValueComponent.tsx
index 5c6eb4152f..44971a521f 100644
--- a/Dashboard/src/Components/Dashboard/Components/DashboardValueComponent.tsx
+++ b/Dashboard/src/Components/Dashboard/Components/DashboardValueComponent.tsx
@@ -148,18 +148,17 @@ const DashboardValueComponent: FunctionComponent<ComponentProps> = (
     aggregatedValue = aggregatedValue / avgCount;
   }
 
-  const valueHeightInPx: number = props.dashboardComponentHeightInPx * 0.40;
-  const titleHeightInPx: number = props.dashboardComponentHeightInPx * 0.10;
+  const valueHeightInPx: number = props.dashboardComponentHeightInPx * 0.4;
+  const titleHeightInPx: number = props.dashboardComponentHeightInPx * 0.1;
 
   return (
     <div className="w-full text-center">
-      <div 
-        style={
-          {
-            fontSize: titleHeightInPx > 0 ? `${titleHeightInPx}px` : "",
-          }
-        }
-      className="text-center text-sm text-semibold">
+      <div
+        style={{
+          fontSize: titleHeightInPx > 0 ? `${titleHeightInPx}px` : "",
+        }}
+        className="text-center text-sm text-semibold"
+      >
         {props.component.arguments.title || ""}
       </div>
       <div
@@ -167,7 +166,9 @@ const DashboardValueComponent: FunctionComponent<ComponentProps> = (
         style={{
           fontSize: valueHeightInPx > 0 ? `${valueHeightInPx}px` : "",
         }}
-      >{aggregatedValue || "-"}</div>
+      >
+        {aggregatedValue || "-"}
+      </div>
     </div>
   );
 };