diff --git a/frontend/src/main.rs b/frontend/src/main.rs
index b203718..48966b1 100644
--- a/frontend/src/main.rs
+++ b/frontend/src/main.rs
@@ -1969,6 +1969,11 @@ async fn PageBar<G: Html>(cx: Scope<'_>) -> View<G> {
     let currpg = create_signal(cx, (*app_state.pagenum.get()).to_string());
     let input_ref = create_node_ref(cx);
 
+    create_effect(cx, || {
+        // Calling checked.set will also update the `checked` property on the input element.
+        currpg.set( (*app_state.pagenum.get()).to_string())
+    });
+
     let handle_add = move |_| {
         if *app_state.pagenum.get() < *app_state.maxpage.get() {
             app_state.pagenum.set(*app_state.pagenum.get() + 1);