diff --git a/packages/ui/src/css/variables.css b/packages/ui/src/css/variables.css
index 1f02947a1f..7b2e2b6d02 100644
--- a/packages/ui/src/css/variables.css
+++ b/packages/ui/src/css/variables.css
@@ -198,7 +198,7 @@
   --radius-medium: 7px;
   --radius-large: 9px;
 
-  --outline-hover: 0 0 0 3px var(--color-highlight);
+  --outline-hover: 0 0 0 var(--space-xxxsmall) var(--color-highlight);
 
   /** Layout */
   --max-width: 88rem;
diff --git a/packages/utils/src/webpack/metrics.ts b/packages/utils/src/webpack/metrics.ts
index adbae989ad..93800df059 100644
--- a/packages/utils/src/webpack/metrics.ts
+++ b/packages/utils/src/webpack/metrics.ts
@@ -9,26 +9,26 @@ type WebpackMetrics = Partial<Record<Metric, MetricConfig>> & {
 export const metrics: WebpackMetrics = {
   [Metric.BUNDLE_SIZE]: {
     label: 'Bundle Size',
-    description: 'The total file size of the assets generated or processed by the bundler',
+    description: 'Total file size of the assets generated or processed by the bundler',
     url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
     type: MetricTypes.FileSize,
   },
   [Metric.INITIAL_SIZE_JS]: {
     label: 'Initial JS',
-    description: 'The total file size of the JavaScript initial chunks',
+    description: 'Total file size of the JavaScript initial chunks',
     url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
     type: MetricTypes.FileSize,
   },
   [Metric.INITIAL_SIZE_CSS]: {
     label: 'Initial CSS',
-    description: 'The total file size of the CSS initial chunks',
+    description: 'Total file size of the CSS initial chunks',
     url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
     type: MetricTypes.FileSize,
   },
   [Metric.CACHE_INVALIDATION]: {
     label: 'Cache Invalidation',
     description:
-      'The ratio between the total of the changed assets and the total file size(Bundle Size)',
+      'Ratio between the total file size of the changed assets and the total file size(Bundle Size)',
     url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
     type: MetricTypes.Percentage,
     biggerIsBetter: null,
@@ -36,7 +36,7 @@ export const metrics: WebpackMetrics = {
   },
   [Metric.CHUNK_COUNT]: {
     label: 'Chunks',
-    description: 'The total number of chunks generated by the bundler',
+    description: 'Total number of chunks generated by the bundler',
     url: 'https://relative-ci.com/documentation/metrics-and-data#assets',
     type: MetricTypes.Numeric,
     biggerIsBetter: null,
@@ -50,14 +50,14 @@ export const metrics: WebpackMetrics = {
   },
   [Metric.MODULE_COUNT]: {
     label: 'Modules',
-    description: 'The total number of bundled modules',
+    description: 'Total number of bundled modules',
     url: 'https://relative-ci.com/documentation/metrics-and-data#modules-1',
     type: MetricTypes.Numeric,
     biggerIsBetter: null,
   },
   [Metric.DUPLICATE_MODULES_COUNT]: {
     label: 'Duplicate Modules',
-    description: 'The total number of modules that belong to more than one chunk',
+    description: 'Total number of modules included into more than one chunk',
     url: 'https://relative-ci.com/documentation/metrics-and-data#modules-1',
     type: MetricTypes.Numeric,
     biggerIsBetter: false,