diff --git a/src/static/app/src/components/clientComponents/availablePeersGroup.vue b/src/static/app/src/components/clientComponents/availablePeersGroup.vue
index 6bd3a5a5..8702c85a 100644
--- a/src/static/app/src/components/clientComponents/availablePeersGroup.vue
+++ b/src/static/app/src/components/clientComponents/availablePeersGroup.vue
@@ -34,7 +34,7 @@ const collapse = ref(false)
 		<div
 			@click="collapse = !collapse"
 			role="button"
-			class="card-header rounded-0 sticky-top z-5 bg-body-secondary border-0 border-bottom text-white d-flex">
+			class="card-header rounded-0 sticky-top  bg-body-secondary border-0 border-bottom text-white d-flex">
 			<small><samp>{{ configuration }}</samp></small>
 			<a role="button" class="ms-auto text-white" >
 				<i class="bi bi-chevron-compact-down" v-if="collapse"></i>
diff --git a/src/static/app/src/views/clients.vue b/src/static/app/src/views/clients.vue
index 878edb7e..6c152891 100644
--- a/src/static/app/src/views/clients.vue
+++ b/src/static/app/src/views/clients.vue
@@ -30,9 +30,10 @@ const deleteSuccess = async () => {
 
 <template>
 	<div class="text-body w-100 h-100 pb-2 position-relative">
+
 		<div class="w-100 h-100 card rounded-3">
 			<Transition name="zoom">
-				<ClientSettings v-if="settings" @close="settings = false"></ClientSettings>
+				<ClientSettings v-if="settings" @close="settings = false" class="z-5"></ClientSettings>
 			</Transition>
 			<div class="border-bottom z-0">
 				<div class="d-flex text-body align-items-center sticky-top p-3 bg-body-tertiary rounded-top-3" style="border-top-right-radius: 0 !important;">
@@ -64,7 +65,7 @@ const deleteSuccess = async () => {
 				</div>
 				<div
 					:class="{'hide': !route.params.id}"
-					class="col-sm-8 clientViewerContainer">
+					class="col-sm-8 clientViewerContainer z-0">
 					<RouterView></RouterView>
 				</div>
 			</div>