diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index 2dfbe3d0..7fd01adb 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -429,6 +429,13 @@ html {
   padding: 0;
 }
 
+.image-fit{
+  height: 80%;
+  width: 100%;
+  object-fit: contain;
+  overflow-y: clip;
+}
+
 .section-content {
   padding: 0;
   height: 100%;
diff --git a/webapp/src/components/tabContentComponents/slideScanContent.vue b/webapp/src/components/tabContentComponents/slideScanContent.vue
index 746370f9..b0407d8e 100644
--- a/webapp/src/components/tabContentComponents/slideScanContent.vue
+++ b/webapp/src/components/tabContentComponents/slideScanContent.vue
@@ -108,8 +108,8 @@
         Scan ID: {{ scan_name }}
       </h3>
     </div>
-    <div class="view-component uk-width-expand">
-      <img v-if="displayImageOnRight" :src="lastStitchedImage" id="last-stitched-image"/>
+    <div class="view-image uk-width-expand uk-height-1-1">
+      <img v-if="displayImageOnRight" class=image-fit :src="lastStitchedImage" id="last-stitched-image">
       <streamDisplay v-else />
     </div>
   </div>