diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss
index d14698319..3948eccf0 100644
--- a/ui/scss/component/_main.scss
+++ b/ui/scss/component/_main.scss
@@ -105,31 +105,17 @@ body {
 .main--file-page {
   width: 100%;
   max-width: var(--page-max-width--filepage);
+  margin-left: auto;
+  margin-right: auto;
   margin-top: var(--spacing-m);
   padding: 0 var(--spacing-m);
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
   position: relative;
 
-  @media (min-width: $breakpoint-medium) {
-    $recommended-width: calc(var(--recommended-content-width) - var(--spacing-l) * 3 - var(--spacing-m) * 2);
-
-    display: grid;
-    grid-template-columns: 1fr $recommended-width;
-    justify-content: space-between;
-    gap: var(--spacing-l);
-
-    .file-page__recommended {
-      margin: 0 !important;
-      height: 100% !important;
-      width: 100% !important;
-    }
-  }
-
-  @media (max-width: $breakpoint-medium) {
-    margin-left: auto;
-    margin-right: auto;
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
+  > :first-child {
+    flex-grow: 2;
   }
 
   .file-page__secondary-content {
diff --git a/ui/scss/init/_vars.scss b/ui/scss/init/_vars.scss
index 7e8fa9043..e3de4d7ab 100644
--- a/ui/scss/init/_vars.scss
+++ b/ui/scss/init/_vars.scss
@@ -53,7 +53,6 @@
   --mobile: 600px;
   --side-nav-width: 230px;
   --side-nav-width--micro: 93px;
-  --recommended-content-width: 32rem;
 
   --spacing-main-padding: var(--spacing-xl);
   --floating-viewer-width: 32rem;