diff --git a/src/lib/group/Body.svelte b/src/lib/group/Body.svelte
index aa0243af..7c239e86 100644
--- a/src/lib/group/Body.svelte
+++ b/src/lib/group/Body.svelte
@@ -46,7 +46,7 @@
 
 </script>
 
-<CardBody style="border-left: 4px solid #{group.color}; margin: -1rem -1.25rem">
+<CardBody style="border-left: 4px solid #{settings && settings.appearance.color_background ? isPage ? "" : group.color : group.color }; margin: -1rem -1.25rem">
 {#if !editMode && !memberMode}
 <Row>
     {#if group.id}
diff --git a/src/lib/member/Body.svelte b/src/lib/member/Body.svelte
index 4fde75ef..a3cc3344 100644
--- a/src/lib/member/Body.svelte
+++ b/src/lib/member/Body.svelte
@@ -63,7 +63,7 @@
     
 </script>
 
-<CardBody style="border-left: 4px solid #{settings.appearance.color_background ? isPage ? "" : member.color : member.color }; margin: -1rem -1.25rem">
+<CardBody style="border-left: 4px solid #{settings && settings.appearance.color_background ? isPage ? "" : member.color : member.color }; margin: -1rem -1.25rem">
     {#if !editMode && !groupMode}
     <Row>
         {#if member.id}