diff --git a/core/modules/system/templates/status-report-counter.html.twig b/core/modules/system/templates/status-report-counter.html.twig
index 22e4c43..8489e49 100644
--- a/core/modules/system/templates/status-report-counter.html.twig
+++ b/core/modules/system/templates/status-report-counter.html.twig
@@ -12,5 +12,5 @@
  */
 #}
 <span class="system-status-counter__status-icon system-status-counter__status-icon--{{ severity }}"></span>
-{{ amount }} {{ text }}
+<span>{{ amount }} {{ text }}</span>
 <a href="#{{ severity }}"><span class="visually-hidden">{{ text }} </span>Details</a>
diff --git a/core/themes/seven/css/components/system-status-counter.css b/core/themes/seven/css/components/system-status-counter.css
index 0e9e38e..c3e0f30 100644
--- a/core/themes/seven/css/components/system-status-counter.css
+++ b/core/themes/seven/css/components/system-status-counter.css
@@ -4,6 +4,8 @@
  */
 
 .system-status-counter {
+  box-sizing: border-box;
+  overflow-y: hidden;
   border: 1px solid #e6e4df;
   border-radius: 3px;
   display: inline-block;
@@ -13,8 +15,8 @@
 }
 .system-status-counter__status-icon {
   display: inline-block;
-  height: 45px;
-  width: 45px;
+  height: 60px;
+  width: 60px;
   vertical-align: middle;
   border-right: 1px solid #e6e4df; /* LTR */
   border-left: 0; /* LTR */
@@ -55,6 +57,10 @@
   line-height: 1em;
   font-weight: bold;
 }
+.system-status-counter__title-count {
+  display: block;
+  margin-bottom: 2px;
+}
 .system-status-counter__details {
   font-size: 12px;
   font-weight: normal;
diff --git a/core/themes/seven/css/components/system-status-report-general-info.css b/core/themes/seven/css/components/system-status-report-general-info.css
index 227a9c0..08ee977 100644
--- a/core/themes/seven/css/components/system-status-report-general-info.css
+++ b/core/themes/seven/css/components/system-status-report-general-info.css
@@ -95,6 +95,7 @@
   .system-status-general-info__items {
     display: flex;
     flex-wrap: wrap;
+    overflow-x: hidden;
   }
 
   .system-status-general-info__item {
diff --git a/core/themes/seven/templates/status-report-counter.html.twig b/core/themes/seven/templates/status-report-counter.html.twig
index 78c259d..13ab8a8 100644
--- a/core/themes/seven/templates/status-report-counter.html.twig
+++ b/core/themes/seven/templates/status-report-counter.html.twig
@@ -20,7 +20,7 @@
 <span{{ attributes.addClass(classes) }}>
   <span class="system-status-counter__status-icon system-status-counter__status-icon--{{ severity }}"></span>
   <span class="system-status-counter__status-title">
-    {{ amount }} {{ text }}
+    <span class="system-status-counter__title-count">{{ amount }} {{ text }}</span>
     <span class="system-status-counter__details"><a href="#{{ severity }}" ><span class="visually-hidden">{{ text }} </span>Details</a></span>
   </span>
 </span>