diff --git a/ee/app/assets/javascripts/vue_shared/license_management/components/set_approval_status_modal.vue b/ee/app/assets/javascripts/vue_shared/license_management/components/set_approval_status_modal.vue
index 0eb91e13aeeb28a3ee7320e5c04b687c79e08226..d5f853dec662c7cee9dd3982f8948bc68cfb5eb6 100644
--- a/ee/app/assets/javascripts/vue_shared/license_management/components/set_approval_status_modal.vue
+++ b/ee/app/assets/javascripts/vue_shared/license_management/components/set_approval_status_modal.vue
@@ -48,10 +48,10 @@ export default {
   >
     <slot v-if="currentLicenseInModal">
       <div class="row prepend-top-10 append-bottom-10 js-license-name">
-        <label class="col-sm-2 text-right font-weight-bold">
+        <label class="col-sm-3 text-right font-weight-bold">
           {{ s__('LicenseManagement|License') }}:
         </label>
-        <div class="col-sm-10 text-secondary">
+        <div class="col-sm-9 text-secondary">
           {{ currentLicenseInModal.name }}
         </div>
       </div>
@@ -59,10 +59,10 @@ export default {
         v-if="currentLicenseInModal.url"
         class="row prepend-top-10 append-bottom-10 js-license-url"
       >
-        <label class="col-sm-2 text-right font-weight-bold">
+        <label class="col-sm-3 text-right font-weight-bold">
           {{ s__('LicenseManagement|URL') }}:
         </label>
-        <div class="col-sm-10 text-secondary">
+        <div class="col-sm-9 text-secondary">
           <a
             :href="currentLicenseInModal.url"
             target="_blank"
@@ -71,12 +71,12 @@ export default {
         </div>
       </div>
       <div class="row prepend-top-10 append-bottom-10 js-license-packages">
-        <label class="col-sm-2 text-right font-weight-bold">
+        <label class="col-sm-3 text-right font-weight-bold">
           {{ s__('LicenseManagement|Packages') }}:
         </label>
         <license-packages
           :packages="currentLicenseInModal.packages"
-          class="col-sm-10 text-secondary"
+          class="col-sm-9 text-secondary"
         />
       </div>
     </slot>
diff --git a/ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue b/ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue
index cb2fdf9c2afa5655f1e643e9a72b4b6a4490b849..79e499a25b7f5711c65c392ea2f002221805ffbe 100644
--- a/ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue
+++ b/ee/app/assets/javascripts/vue_shared/security_reports/components/modal.vue
@@ -83,10 +83,10 @@
         :key="index"
         class="row prepend-top-10 append-bottom-10"
       >
-        <label class="col-sm-2 text-right font-weight-bold">
+        <label class="col-sm-3 text-right font-weight-bold">
           {{ field.text }}:
         </label>
-        <div class="col-sm-10 text-secondary">
+        <div class="col-sm-9 text-secondary">
           <div
             v-if="hasInstances(field, key)"
             class="info-well"
@@ -180,7 +180,7 @@
       </div>
 
       <div class="row prepend-top-20 append-bottom-10">
-        <div class="col-sm-10 offset-sm-2 text-secondary">
+        <div class="col-sm-9 offset-sm-3 text-secondary">
           <template v-if="hasDismissedBy">
             {{ s__('ciReport|Dismissed by') }}
             <a
diff --git a/ee/changelogs/unreleased/7128-increase-width-of-left-column-in-reports-modal.yml b/ee/changelogs/unreleased/7128-increase-width-of-left-column-in-reports-modal.yml
new file mode 100644
index 0000000000000000000000000000000000000000..efb4ebebd5a70e9a7d0e6801d5873f7805605527
--- /dev/null
+++ b/ee/changelogs/unreleased/7128-increase-width-of-left-column-in-reports-modal.yml
@@ -0,0 +1,5 @@
+---
+title: updates column sizes in licence and security modals
+merge_request: 6808
+author:
+type: other