diff --git a/frontend/src/components/DraftReportPage.vue b/frontend/src/components/DraftReportPage.vue
index 0850f2107..f8d79be73 100644
--- a/frontend/src/components/DraftReportPage.vue
+++ b/frontend/src/components/DraftReportPage.vue
@@ -12,7 +12,7 @@
         <v-btn class="btn-secondary" to="/generate-report-form">Back</v-btn>
       </v-banner>
       <v-row no-gutters justify="center" class="w-100">
-        <v-col cols="12" sm="11" md="11" lg="8" xl="6">
+        <v-col cols="12" sm="11" md="11" lg="9" xl="6">
           <v-row class="mb-4 d-flex justify-center w-100">
             <v-col cols="12" class="w-100">
               <ReportStepper />
@@ -162,7 +162,9 @@ async function tryGenerateReport() {
   if (shouldGenerateReport) {
     isProcessing.value = true;
     try {
-      const reportData = await ApiService.publishReport(ReportStepperStore.reportId ?? '');
+      const reportData = await ApiService.publishReport(
+        ReportStepperStore.reportId ?? '',
+      );
       await ReportStepperStore.setReportInfo(reportData);
       NotificationService.pushNotificationSuccess(
         'You have created a pay transparency report.',
@@ -183,7 +185,6 @@ async function downloadPdf(reportId: string | undefined) {
 </script>
 
 <style scoped lang="scss">
-
 .back-button-banner {
   padding-left: 0;
 }
diff --git a/frontend/src/components/PublishedReportPage.vue b/frontend/src/components/PublishedReportPage.vue
index eec30cecb..1241ef6bb 100644
--- a/frontend/src/components/PublishedReportPage.vue
+++ b/frontend/src/components/PublishedReportPage.vue
@@ -11,7 +11,7 @@
         <v-btn class="btn-secondary" to="/">Back</v-btn>
       </v-banner>
       <v-row no-gutters justify="center" class="w-100">
-        <v-col cols="12" sm="11" md="11" lg="8" xl="6">
+        <v-col cols="12" sm="11" md="11" lg="9" xl="6">
           <v-row
             v-if="mode != ReportMode.View"
             class="mb-4 d-flex justify-center w-100"