diff --git a/core/modules/system/css/components/system-cron-settings.css b/core/modules/system/css/components/system-cron-settings.css
new file mode 100644
index 0000000..6b742f2
--- /dev/null
+++ b/core/modules/system/css/components/system-cron-settings.css
@@ -0,0 +1,9 @@
+/**
+ * @file
+ * Default styles for the System Cron settings.
+ */
+
+.system-cron-settings__link {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
diff --git a/core/modules/system/src/Form/CronForm.php b/core/modules/system/src/Form/CronForm.php
index d4726aa..32ac127 100644
--- a/core/modules/system/src/Form/CronForm.php
+++ b/core/modules/system/src/Form/CronForm.php
@@ -112,7 +112,7 @@ public function buildForm(array $form, FormStateInterface $form_state) {
 
     $cron_url = $this->url('system.cron', ['key' => $this->state->get('system.cron_key')], ['absolute' => TRUE]);
     $form['cron_url'] = [
-      '#markup' => '<p>' . t('To run cron from outside the site, go to <a href=":cron">@cron</a>', [':cron' => $cron_url, '@cron' => $cron_url]) . '</p>',
+      '#markup' => '<p>' . t('To run cron from outside the site, go to <a href=":cron" class="system-cron-settings__link">@cron</a>', [':cron' => $cron_url, '@cron' => $cron_url]) . '</p>',
     ];
 
     if (!$this->moduleHandler->moduleExists('automated_cron')) {
diff --git a/core/modules/system/system.libraries.yml b/core/modules/system/system.libraries.yml
index 98eb283..3ba366c 100644
--- a/core/modules/system/system.libraries.yml
+++ b/core/modules/system/system.libraries.yml
@@ -19,6 +19,7 @@ base:
       css/components/reset-appearance.module.css: { weight: -10 }
       css/components/resize.module.css: { weight: -10 }
       css/components/sticky-header.module.css: { weight: -10 }
+      css/components/system-cron-settings.css: { weight: -10 }
       css/components/system-status-counter.css: { weight: -10 }
       css/components/system-status-report-counters.css: { weight: -10 }
       css/components/system-status-report-general-info.css: { weight: -10 }