diff --git a/package.json b/package.json
index b08bac035..dc78134fd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.15.62",
+  "version": "2.15.63",
   "private": true,
   "scripts": {
     "dev": "vite --host",
diff --git a/src/components/ArtifactPanel.vue b/src/components/ArtifactPanel.vue
index cdec7d4b9..d6b58a44b 100644
--- a/src/components/ArtifactPanel.vue
+++ b/src/components/ArtifactPanel.vue
@@ -371,6 +371,7 @@
 
 <style lang="scss">
   .artifact-panel {
+    min-width: 350px;
     .include-unsupported-proxy-wrapper {
       flex-direction: row;
       display: flex;
@@ -394,6 +395,7 @@
       }
     }
     .nut-dialog {
+      width: 100%;
       .nut-dialog__content {
         max-height: 72vh !important;
 
diff --git a/src/views/FilePreview.vue b/src/views/FilePreview.vue
index 65ce0893f..eb2121408 100644
--- a/src/views/FilePreview.vue
+++ b/src/views/FilePreview.vue
@@ -355,7 +355,39 @@ const copyUrl = async () => {
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   background: var(--background-color);
+  .cmviewRef {
+    width: 100%;
+  }
+  @media screen and (min-width: 768px) {
+    .compare-page-header,
+    .compare-page-body,
+    .cmviewRef {
+      width: 85%;
+      max-width: 800px;
+    }
+  }
+  
+  @media screen and (min-width: 900px) {
+    .compare-page-header,
+    .compare-page-body,
+    .cmviewRef {
+      width: 80%;
+      max-width: 900px;
+    }
+  }
+  
+  @media screen and (min-width: 1200px) {
+    .compare-page-header,
+    .compare-page-body,
+    .cmviewRef {
+      width: 75%;
+      max-width: 1000px;
+    }
+  }
 }
 
 .divider,