diff --git a/composer.lock b/composer.lock
index f7d048be4..928675ebb 100644
--- a/composer.lock
+++ b/composer.lock
@@ -272,16 +272,16 @@
         },
         {
             "name": "helsingborg-stad/component-library",
-            "version": "4.0.12",
+            "version": "4.0.14",
             "source": {
                 "type": "git",
                 "url": "https://github.com/helsingborg-stad/component-library.git",
-                "reference": "9c3ed6441ae546e5f8b402d3ce127c8e586257dd"
+                "reference": "5e099a741ab1267db87a79544ea531206894ada6"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/helsingborg-stad/component-library/zipball/9c3ed6441ae546e5f8b402d3ce127c8e586257dd",
-                "reference": "9c3ed6441ae546e5f8b402d3ce127c8e586257dd",
+                "url": "https://api.github.com/repos/helsingborg-stad/component-library/zipball/5e099a741ab1267db87a79544ea531206894ada6",
+                "reference": "5e099a741ab1267db87a79544ea531206894ada6",
                 "shasum": ""
             },
             "require": {
@@ -311,9 +311,9 @@
             "description": "A library of components for use in WordPress",
             "support": {
                 "issues": "https://github.com/helsingborg-stad/component-library/issues",
-                "source": "https://github.com/helsingborg-stad/component-library/tree/4.0.12"
+                "source": "https://github.com/helsingborg-stad/component-library/tree/4.0.14"
             },
-            "time": "2024-02-22T13:31:10+00:00"
+            "time": "2024-02-23T13:26:21+00:00"
         },
         {
             "name": "illuminate/bus",
diff --git a/views/pages/utilities/accessability.blade.php b/views/pages/utilities/accessability.blade.php
index fe33dd566..069e4fa28 100644
--- a/views/pages/utilities/accessability.blade.php
+++ b/views/pages/utilities/accessability.blade.php
@@ -32,5 +32,35 @@
         @endtypography
     @endutility_doc
 
+    @markdown
+        #Screen readers
+    @endmarkdown
+    @utility_doc(['viewDoc' => ['type' => 'utility', 'root' => 'screen-readers', 'config' => 'screen-readers']])
+        <div class="u-color__bg--default u-rounded u-padding--2 u-margin__bottom--5">
+            @typography([
+                "element" => "h3",
+                "variant" => "h3",
+                "classList" => ["u-margin__top--2"]
+            ])
+                This box contains a screen reader only text
+            @endtypography
+
+            <button class="u-sr__only">Screen reader only</button>
+        </div>
+        
+        <div class="u-color__bg--default u-rounded u-padding--2">
+            @typography([
+                "element" => "h3",
+                "variant" => "h3",
+                "classList" => ["u-margin__top--2"]
+            ])
+                This box contains a focusable screen reader only text
+            @endtypography
+
+            <button class="u-sr__only--focusable">Screen reader only</button>
+        </div>
+    @endutility_doc
+
 </article>
 @stop
+
diff --git a/views/pages/utilities/screen-readers.blade.php b/views/pages/utilities/screen-readers.blade.php
deleted file mode 100644
index eba6d035e..000000000
--- a/views/pages/utilities/screen-readers.blade.php
+++ /dev/null
@@ -1,36 +0,0 @@
-@extends('layout.containers.doc')
-
-@section('doc-content')
-<article>
-
-    @markdown
-        #Screen readers
-    @endmarkdown
-    @utility_doc(['viewDoc' => ['type' => 'utility', 'root' => 'screen-readers', 'config' => 'screen-readers']])
-        <div class="u-color__bg--default u-rounded u-padding--2 u-margin__bottom--5">
-            @typography([
-                "element" => "h3",
-                "variant" => "h3",
-                "classList" => ["u-margin__top--2"]
-            ])
-                This box contains a screen reader only text
-            @endtypography
-
-            <button class="u-sr__only">Screen reader only</button>
-        </div>
-        
-        <div class="u-color__bg--default u-rounded u-padding--2">
-            @typography([
-                "element" => "h3",
-                "variant" => "h3",
-                "classList" => ["u-margin__top--2"]
-            ])
-                This box contains a focusable screen reader only text
-            @endtypography
-
-            <button class="u-sr__only--focusable">Screen reader only</button>
-        </div>
-    @endutility_doc
-
-</article>
-@stop