diff --git a/apps/dashboard/src/lib/components/RoleBasedSecurity/index.svelte b/apps/dashboard/src/lib/components/RoleBasedSecurity/index.svelte
index bd577090..581567b9 100644
--- a/apps/dashboard/src/lib/components/RoleBasedSecurity/index.svelte
+++ b/apps/dashboard/src/lib/components/RoleBasedSecurity/index.svelte
@@ -17,6 +17,9 @@
       userRole = user.role_id;
     }
   }
+
+  $: console.log({ group: $group });
+  $: console.log('is allowed', allowedRoles.includes(userRole), 'roles', userRole);
 </script>
 
 {#if allowedRoles.includes(userRole)}
diff --git a/apps/dashboard/src/routes/+layout.svelte b/apps/dashboard/src/routes/+layout.svelte
index 16052751..58a74e56 100644
--- a/apps/dashboard/src/routes/+layout.svelte
+++ b/apps/dashboard/src/routes/+layout.svelte
@@ -307,7 +307,7 @@
 {:else}
   <main class="dark:bg-black">
     {#if $navigating && $delayedPreloading}
-      <Backdrop disableCenteredContent={true} className="opacity-90">
+      <Backdrop disableCenteredContent={true} className="">
         <div class="h-full w-full relative" transition:fly={{ x: -200, duration: 500 }}>
           <ToastNotification kind="info-square" class="absolute bottom-5 left-5">
             <span slot="title" class="flex items-center">