diff --git a/src/lib/group/List.svelte b/src/lib/group/List.svelte
index 7b88de3f..0e9f3770 100644
--- a/src/lib/group/List.svelte
+++ b/src/lib/group/List.svelte
@@ -45,6 +45,7 @@
 
 
     async function fetchGroups() {
+        err = "";
         listLoading = true;
         try {
             const res: Group[] = await api().systems(isPublic ? id : "@me").groups.get({ auth: !isPublic, query: { with_members: !isPublic } });
@@ -258,7 +259,14 @@
         <Spinner class="d-inline-block" />
     </div>
 {:else if err}
-<Alert color="danger">{err}</Alert>
+<Row>
+    <Col xs={12} lg={10}>
+        <Alert color="danger">{err}</Alert>
+    </Col>
+    <Col xs={12} lg={2}>
+        <Button class="w-100 mb-3" color="primary" on:click={fetchGroups}>Refresh</Button>
+    </Col>
+</Row>
 {:else}
 
 <Row>
diff --git a/src/lib/member/List.svelte b/src/lib/member/List.svelte
index 3ba6c6c1..b1ec637e 100644
--- a/src/lib/member/List.svelte
+++ b/src/lib/member/List.svelte
@@ -44,6 +44,7 @@
     });
 
     async function fetchMembers() {
+        err = "";
         listLoading = true;
         try {
             const res: Member[] = await api().systems(isPublic ? id : "@me").members.get({ auth: !isPublic });
@@ -260,7 +261,14 @@
         <Spinner class="d-inline-block" />
     </div>
 {:else if err}
-<Alert color="danger">{err}</Alert>
+<Row>
+    <Col xs={12} lg={10}>
+        <Alert color="danger">{err}</Alert>
+    </Col>
+    <Col xs={12} lg={2}>
+        <Button class="w-100 mb-3" color="primary" on:click={fetchMembers}>Refresh</Button>
+    </Col>
+</Row>
 {:else}
 
 <Row>