diff --git a/src/components/PageWrappers/PageWrapperShadow.tsx b/src/components/PageWrappers/PageWrapperShadow.tsx
index b28d2b63..0d29e963 100644
--- a/src/components/PageWrappers/PageWrapperShadow.tsx
+++ b/src/components/PageWrappers/PageWrapperShadow.tsx
@@ -8,6 +8,7 @@ type PageWrapperShadowProps = {
   rightImageSrc?: string
   rightImageLogo?: boolean
   children: ReactNode
+  imgHeight?: string
 }
 
 const PageWrapperShadow = ({
@@ -15,6 +16,7 @@ const PageWrapperShadow = ({
   rightImageSrc,
   rightImageLogo,
   children,
+  imgHeight,
 }: PageWrapperShadowProps) => {
   const theme = useTheme()
 
@@ -28,7 +30,12 @@ const PageWrapperShadow = ({
       </section>
       <section className="layout-right">
         <div className="image-container">
-          <img src={rightImageSrc} alt="background" className="background-img" />
+          <img
+            src={rightImageSrc}
+            alt="background"
+            className="background-img"
+            style={{ height: imgHeight }}
+          />
           {rightImageLogo ? <NimbusLogoMark /> : null}
         </div>
       </section>
diff --git a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
index e02a9195..ed6412ca 100644
--- a/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
+++ b/src/pages/DeviceHealthCheck/DeviceHealthCheck.tsx
@@ -16,7 +16,7 @@ const DeviceHealthCheck = () => {
   const deviceHealthState = useSelector((state: RootState) => state.deviceHealth)
 
   return (
-    <PageWrapperShadow rightImageSrc="./background-images/eye-background.png">
+    <PageWrapperShadow rightImageSrc="./background-images/eye-background.png" imgHeight="100%">
       <YStack
         space={'$4'}
         style={{
diff --git a/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx b/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
index 7c86b814..e3e97c86 100644
--- a/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
+++ b/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
@@ -23,7 +23,10 @@ const DeviceSyncStatus = () => {
     )
   }, [dispatch])
   return (
-    <PageWrapperShadow rightImageSrc="./background-images/sync-status-background.png">
+    <PageWrapperShadow
+      rightImageSrc="./background-images/sync-status-background.png"
+      imgHeight="120%"
+    >
       <YStack
         space={'$4'}
         style={{
diff --git a/src/pages/LandingPage/LandingPage.tsx b/src/pages/LandingPage/LandingPage.tsx
index bc91fd84..245c07b0 100644
--- a/src/pages/LandingPage/LandingPage.tsx
+++ b/src/pages/LandingPage/LandingPage.tsx
@@ -17,7 +17,7 @@ const LandingPage = () => {
 
   return (
     <>
-      <PageWrapperShadow rightImageSrc="./background-images/landing-page-bg.png">
+      <PageWrapperShadow rightImageSrc="./background-images/landing-page-bg.png" imgHeight="150%">
         <YStack className="landing-page">
           <XStack pt={'70px'}>
             <NimbusLogo />