diff --git a/WebApp/Components/Features/Events/Components/EventAttributes.razor b/WebApp/Components/Features/Events/Components/EventAttributes.razor
index bab2d55..0ba1f1c 100644
--- a/WebApp/Components/Features/Events/Components/EventAttributes.razor
+++ b/WebApp/Components/Features/Events/Components/EventAttributes.razor
@@ -4,7 +4,7 @@
 {
     <span class="numberCircle">@EventDefinition.LevelOfEffort</span>
 } *@
-<MudText Style="font-family: monospace; white-space: pre;">
+<MudChip T="string" Color="Color.Default" Variant="Variant.Filled" Style="background-color: white; font-family: monospace; white-space: pre;">
     @{
         var loeIcon = AppIcons.LevelOfEffortIcon(EventDefinition.LevelOfEffort);
         var loeColor = AppIcons.IconColors.GetValueOrDefault(loeIcon, "inherit");
@@ -22,7 +22,7 @@
             @RenderFixedWidthChar(charStr, color: color)
         }
     }
-</MudText>
+</MudChip>
 
 
 @code {