diff --git a/src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html b/src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html
index 5d11fa972..5ee1164b7 100644
--- a/src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html
+++ b/src/app/features/preprints/components/preprint-details/preprint-file-section/preprint-file-section.component.html
@@ -24,14 +24,13 @@
       @let fileVersionsValue = fileVersions();
 
       <div
-        class="flex flex-column gap-3 align-items-start sm:flex-row sm:justify-content-between sm:align-items-center"
+        class="flex flex-column gap-2 align-items-start sm:flex-row sm:gap-4 sm:justify-content-between sm:align-items-center"
       >
         <p>{{ fileVersionsValue[0].name }}</p>
         <p class="white-space-nowrap">
           {{ 'preprints.details.file.version' | translate: { version: fileVersionsValue[0].id } }}
         </p>
         <p-button
-          class="white-space-nowrap"
           severity="secondary"
           [label]="'preprints.details.file.downloadPreviousVersion' | translate"
           (click)="versionsMenu.toggle($event)"
@@ -48,7 +47,7 @@
     @if (file()) {
       @let preprintValue = preprint()!;
 
-      <div class="flex flex-column gap-1 justify-content-start md:flex-row">
+      <div class="flex flex-column gap-2 justify-content-start md:flex-row">
         <span>{{ dateLabel() | translate }}: {{ preprintValue.dateCreated | date: 'longDate' }}</span>
         @if (isMedium() || isLarge()) {
           <span>|</span>