diff --git a/CHANGELOG.md b/CHANGELOG.md
index ade4b9e6..c6f19d89 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
- Updated default text on cookie banner hide buttons
+- Pagination arrows are now embedded SVGs rather than requiring the Font Awesome icons CSS
+- "Previous" and "Next" text in pagination buttons is no longer hidden on tiny devices
### Deprecated
### Removed
diff --git a/src/nationalarchives/components/pagination/fixtures.json b/src/nationalarchives/components/pagination/fixtures.json
index 2c5f5e68..8b7302fe 100644
--- a/src/nationalarchives/components/pagination/fixtures.json
+++ b/src/nationalarchives/components/pagination/fixtures.json
@@ -40,7 +40,7 @@
"href": "#next"
}
},
- "html": ""
+ "html": ""
}
]
}
diff --git a/src/nationalarchives/components/pagination/template.njk b/src/nationalarchives/components/pagination/template.njk
index d25930c7..0c99af16 100644
--- a/src/nationalarchives/components/pagination/template.njk
+++ b/src/nationalarchives/components/pagination/template.njk
@@ -12,8 +12,7 @@
text: params.previous.text if params.previous.text else "Previous",
href: params.previous.href,
title: params.previous.title,
- icon: "arrow-left",
- iconOnlyOnMobile: true,
+ iconSvg: '',
plain: not params.solid,
attributes: {
rel: "prev"
@@ -51,8 +50,7 @@
text: params.next.text if params.next.text else "Next",
href: params.next.href,
title: params.next.title,
- icon: "arrow-right",
- iconOnlyOnMobile: true,
+ iconSvg: '',
plain: not params.solid,
classes: "tna-button--icon-right",
attributes: {