diff --git a/.gitignore b/.gitignore
index 3f00ede..2e2efca 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,8 @@ node_modules/
 *.log
 .DS_Store
 .env
+prod/
+prod-test.js
+test-*.js
+screens/
+node_modules/
diff --git a/public/styles.css b/public/styles.css
index 9ec1fdd..9981e20 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -128,7 +128,7 @@ a:hover { border-bottom: 1px solid #313131; }
 @media all and (max-width: 800px) {
   .selectChannelBox { height: 150px; }
 }
-.selectChannelBox svg { width: 10px; height: 10px; }
+.selectChannelBox svg { width: 10px; height: 10px; fill: #fff; color: #fff; }
 .selectChannelBox .lineHeader { font-weight: 700; }
 .selectChannelBox .lineSelectChannel { margin: 5px 0; font-size: 20px; }
 .selectChannelBox .lineRandom {
@@ -168,20 +168,24 @@ a:hover { border-bottom: 1px solid #313131; }
 
 /* ---------- channel list ---------- */
 .channelList { margin-top: var(--channelsTopMargin); }
+.channelList__channel,
+.channelList__channel:hover,
+.channelList__channel:active,
+.channelList__channel:focus,
+.channelList__channel:visited {
+  text-decoration: none !important;
+  border: none !important;
+  border-bottom: none !important;
+  outline: none;
+}
 .channelList__channel {
   cursor: pointer;
   height: 64px;
   display: flex;
   margin-bottom: 5px;
-  text-decoration: none;
-  border: none;
-  border-bottom: none !important;
 }
 .channelList__channel:hover {
   transform: scale(1.1);
-  border: none;
-  border-bottom: none !important;
-  text-decoration: none;
 }
 .channelList__channelIcon {
   --initialWidth: 20px;