글씨 스크롤

client/src/components/Home/RoomSingle.js

@@ -16,7 +16,7 @@ const RoomSingle = () => {
             style={{ width: "37px", height: "37px" }}
           />
         </div>
-        <div className="text-truncate mx-3 mt-2" style={{ width: "250px" }} title="데계 재미있는 수학과 데계데계데계 재미있는 수학과">
+        <div className="text-truncate mx-3 mt-2" style={{ width: "250px",overflow:'scroll'}} title="데계 재미있는 수학과 데계데계데계 재미있는 수학과">
           데계 재미있는 수학과 데계데계데계 재미있는 수학과</div>
         <div className="ms-auto mt-2"> 15/34 </div>
       </div>

client/src/components/Room/RoomHeader.js

@@ -25,20 +25,20 @@ const RoomHeader = () => {
             style={{
               fontWeight: 'bold',
               fontSize: '15px',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+              width: '150px',
+              overflow:'hidden'
             }}
           >
             <p
               style={{
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                whiteSpace: 'nowrap',
-                width: '150px',
                 color: '#420ba2'
               }}
             >
               # 회의
             </p>{' '}
-            데계 재밌는 수학과
+            데계 재밌는 수학과 안녕111111111111111
           </p>
         </div>
       </div>