diff --git a/src/components/icons/WellIcon.tsx b/src/components/icons/WellIcon.tsx
index a0f66a2..9154d85 100755
--- a/src/components/icons/WellIcon.tsx
+++ b/src/components/icons/WellIcon.tsx
@@ -16,7 +16,7 @@ export type WellIconProps = React.SVGProps<SVGSVGElement> & {
 }
 
 const defaultColors: WellIconColors = {
-    online: '#C32828',
+    online: 'white',
     active: 'white',
     inactive: '#A7A7A7',
     unknown: '#7B7B7B',
@@ -53,7 +53,7 @@ export const WellIcon = React.memo(({ width, height, state, online, colors, ...o
             <path d={'m12 6.4h6.6v-0.53h-6.6z'} fill={'currentColor'}/>
             <path d={'m14 0.79v0.53h2.9v-0.53z'} fill={'currentColor'}/>
             <path d={'m12 7.9 5-4-2.4-2.6h1.3l-2.4 2.6 5 4'}/>
-            {online || ( // Полоски, показывающие наличие свежей телеметрии
+            {online && ( // Полоски, показывающие наличие свежей телеметрии
                 <g stroke={colors.online} strokeWidth={.4}>
                     <path d={'m18.4 0.0662a2 2 0 0 1 0.141 1.7 2 2 0 0 1-1.22 1.19'} />
                     <path d={'m19.5 0.0402a3 3 0 0 1-1.79 3.85'} />
diff --git a/src/components/selectors/WellTreeSelector.tsx b/src/components/selectors/WellTreeSelector.tsx
index a5fa44f..2477ba1 100755
--- a/src/components/selectors/WellTreeSelector.tsx
+++ b/src/components/selectors/WellTreeSelector.tsx
@@ -10,7 +10,7 @@ import { isRawDate } from '@utils'
 import { ReactComponent as DepositIcon } from '@images/components/well_tree_selector/DepositIcon.svg'
 import { ReactComponent as ClusterIcon } from '@images/components/well_tree_selector/ClusterIcon.svg'
 
-import '@styles/components/well_tree_select.css'
+import '@styles/components/well_tree_select.less'
 
 /**
  * Для поиска в URL текущего раздела по шаблону `/{type}/{id}`
@@ -175,6 +175,7 @@ export const WellTreeSelector = memo<WellTreeSelectorProps>(({ expand, current,
         <Drawer open={open} mask={false} onClose={onClose} title={'Список скважин'}>
             <Tree
                 {...other}
+                className={'well-tree-selector'}
                 showIcon
                 selectedKeys={selected}
                 treeData={wellsTree}
diff --git a/src/styles/components/well_tree_select.css b/src/styles/components/well_tree_select.css
deleted file mode 100644
index f5435d3..0000000
--- a/src/styles/components/well_tree_select.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.header-tree-select {
-    width: 300px
-}
-
-.header-tree-select *{
-    color: #fff;
-    font-size: 1rem;
-}
-
-.header-tree-select{
-    width: 300px;
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    background-color: rgba(0, 0, 0, 0.3);
-}
-
-.header-tree-select:hover{
-    border: 1px solid rgba(255, 255, 255, 0.8);
-    background-color: rgba(0, 0, 0, 0.5);
-}
diff --git a/src/styles/components/well_tree_select.less b/src/styles/components/well_tree_select.less
new file mode 100644
index 0000000..5b15efd
--- /dev/null
+++ b/src/styles/components/well_tree_select.less
@@ -0,0 +1,26 @@
+.well-tree-selector {
+    &.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
+        background-color: #C32828;
+        color: white;
+
+        & svg {
+            color: white !important;
+        }
+    }
+}
+
+.header-tree-select{
+    width: 300px;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    background-color: rgba(0, 0, 0, 0.3);
+
+    &:hover {
+        border: 1px solid rgba(255, 255, 255, 0.8);
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+
+    & * {
+        color: #fff;
+        font-size: 1rem;
+    }
+}