From 5ea44bbd24e54d14ccfb572732025612d49fc844 Mon Sep 17 00:00:00 2001
From: knguyenrise8 <159168836+knguyenrise8@users.noreply.github.com>
Date: Wed, 4 Dec 2024 15:01:43 -0600
Subject: [PATCH] fix(RV-429): Adjust page cutoff for image annatator (#453)

---
 frontend/src/components/ImageAnnotator.tsx  | 2 +-
 frontend/src/components/LoadingWrapper.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/ImageAnnotator.tsx b/frontend/src/components/ImageAnnotator.tsx
index d98ab4f9..24aee58d 100644
--- a/frontend/src/components/ImageAnnotator.tsx
+++ b/frontend/src/components/ImageAnnotator.tsx
@@ -70,8 +70,8 @@ export const MultiImageAnnotator: FC<MultiImageAnnotatorProps> = ({
   return (
     <div className="display-flex flex-justify-center flex-align-center flex-column height-full width-full">
       <ImageAnnotator
+        height={500}
         setHandles={setHandles}
-        naturalSize={true}
         imageUrl={images[index]}
         shapes={shapes[index] || []}
         onAdded={handleShapeAddition}
diff --git a/frontend/src/components/LoadingWrapper.scss b/frontend/src/components/LoadingWrapper.scss
index d6bf97fe..82b01aec 100644
--- a/frontend/src/components/LoadingWrapper.scss
+++ b/frontend/src/components/LoadingWrapper.scss
@@ -47,5 +47,5 @@
 
 .loading-text p {
   font-size: 16px;
-  color: #666; /* Lighter color for subtitle */
+  color: #171717; /* Lighter color for subtitle */
 }