Changed p to Text component

diff --git a/src/app/organisms/room/RoomViewInput.jsx b/src/app/organisms/room/RoomViewInput.jsx
index 20886c24b7cc464357e9ec2ef8e1b6176796f9e1..6c354edab5b42a53391de0215d685212170fab3b 100644 (file)
--- a/src/app/organisms/room/RoomViewInput.jsx
+++ b/src/app/organisms/room/RoomViewInput.jsx
@@ -333,7 +333,7 @@ function RoomViewInput({
   function renderInputs() {
     if (!canISend) {
       return (
-        <p className="room-input__disallowed">You do not have permission to post to this room</p>
+        <Text className="room-input__disallowed">You do not have permission to post to this room</Text>
       );
     }
     return (

diff --git a/src/app/organisms/room/RoomViewInput.scss b/src/app/organisms/room/RoomViewInput.scss
index a9d58f4f7b0d0eac23f1e7e0a77210d4fdae02cd..9e0f1a913e7f6e17b9cabdd5d026809d2d35849b 100644 (file)
--- a/src/app/organisms/room/RoomViewInput.scss
+++ b/src/app/organisms/room/RoomViewInput.scss
@@ -4,7 +4,6 @@
   min-height: 48px;
 
   &__disallowed {
-    color: var(--tc-surface-low);
     flex: 1;
     text-align: center;
   }