diff --git a/pages/bands.vue b/pages/bands.vue
index 098f65e..52a71c7 100644
--- a/pages/bands.vue
+++ b/pages/bands.vue
@@ -7,7 +7,10 @@
 	const { data: bands } = (await useApiFetch<NonNullable<IBand[]>>("/band/all")) as unknown as { data: Ref<IBand[]> };
 
 	const { data: rd }: { data: any } = useAuth();
-	const data = rd as { user: IUser };
+	const refresh = async () => {
+		await useAuth().getSession({ force: true });
+		rd.value = useAuth().data.value;
+	};
 
 	const hider = subscriptions;
 	if (bands.value == null) bands.value = [];
@@ -26,16 +29,39 @@
 						</nuxt-link>
 					</a-col>
 					<!-- subscribe... -->
-					<a-col v-if="data && data.user?._id" style="margin-left: auto">
-						<a v-if="!data?.user.subscriptions.bands.includes(item._id)" @click="(e) => hider(bands, item._id, 'subscribe', 'bands')">
+					<a-col v-if="rd && rd.user?._id" style="margin-left: auto">
+						<a
+							v-if="!rd?.user.subscriptions.bands.includes(item._id)"
+							@click="
+								async (e) => {
+									hider(bands, item._id, 'subscribe', 'bands');
+									await refresh();
+								}
+							"
+						>
 							<icon :istyle="'regular'" name="paper-plane" :size="12" />
 						</a>
-						<a v-else @click="(e) => hider(bands, item._id, 'unsubscribe', 'bands')">
+						<a
+							v-else
+							@click="
+								async (e) => {
+									hider(bands, item._id, 'unsubscribe', 'bands');
+									await refresh();
+								}
+							"
+						>
 							<icon :istyle="'regular'" name="x" :size="12" />
 						</a>
 					</a-col>
-					<a-col v-if="data?.user._id">
-						<a @click="(e) => hider(bands, item._id, 'hide', 'bands')">
+					<a-col v-if="rd?.user._id">
+						<a
+							@click="
+								async (e) => {
+									hider(bands, item._id, 'hide', 'bands');
+									await refresh();
+								}
+							"
+						>
 							<icon :istyle="'regular'" name="eye-slash" :size="12" />
 						</a>
 					</a-col>