diff --git a/wlm-ui/src/MainPage/Channel/Channel.scss b/wlm-ui/src/MainPage/Channel/Channel.scss
index b836d10..4b0c762 100644
--- a/wlm-ui/src/MainPage/Channel/Channel.scss
+++ b/wlm-ui/src/MainPage/Channel/Channel.scss
@@ -12,7 +12,7 @@
     justify-content: space-between;
 }
 
-.channel-attr-container {
+.channel-attr-editor-container {
     display: grid;
     grid-template-columns: auto 60px auto auto;
     grid-template-rows: auto auto;
diff --git a/wlm-ui/src/MainPage/Channel/Channel.tsx b/wlm-ui/src/MainPage/Channel/Channel.tsx
index fb4d9fb..dc1aa6b 100644
--- a/wlm-ui/src/MainPage/Channel/Channel.tsx
+++ b/wlm-ui/src/MainPage/Channel/Channel.tsx
@@ -20,7 +20,7 @@ const Channel = (props: IProps) => {
                 <span>{props.channel.name}</span>
                 <button onClick={props.onClickUse} style={{ width: '60px' }}>{props.inUse ? 'In use' : 'Use'}</button>
             </div>
-            <div className='channel-attr-container'>
+            <div className='channel-attr-editor-container'>
                 <b style={{ textAlign: 'left' }}>Exp. time</b>
                 <input
                     type='number'