From 78a7a45ff0dfc1fc4f8c05f72db8b89a445aa751 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sun, 20 Oct 2024 12:18:51 -0700
Subject: [PATCH] fix(sass): resolve sass warning by wrapping in root

---
 .../chat/ChatUserMessage/ChatUserMessage.module.scss  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss b/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
index af3884f39..f44d578ba 100644
--- a/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
+++ b/web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
@@ -4,6 +4,12 @@ $p-h-size: 8px;
 $p-v-size: 2px;
 
 .root {
+	border-left: $border-style;
+  position: relative;
+  font-size: var(--chat-message-text-size);
+  padding: $p-v-size $p-h-size;
+  color: var(--theme-color-components-chat-text);
+
   * {
     z-index: 100;
   }
@@ -14,11 +20,6 @@ $p-v-size: 2px;
     margin: initial;
   }
 
-  border-left: $border-style;
-  position: relative;
-  font-size: var(--chat-message-text-size);
-  padding: $p-v-size $p-h-size;
-  color: var(--theme-color-components-chat-text);
 
   .user {
     display: flex;