diff --git a/src/ui/libs/DatalensChartkit/ChartKit/components/Widget/components/Table/Bar/Bar.scss b/src/ui/libs/DatalensChartkit/ChartKit/components/Widget/components/Table/Bar/Bar.scss
index f15ad2a0ad..f4541e5564 100644
--- a/src/ui/libs/DatalensChartkit/ChartKit/components/Widget/components/Table/Bar/Bar.scss
+++ b/src/ui/libs/DatalensChartkit/ChartKit/components/Widget/components/Table/Bar/Bar.scss
@@ -7,6 +7,7 @@
     justify-content: flex-end;
     width: calc(100% + var(--chartkit-bg-bar-offset-width));
     padding-right: 5px;
+    z-index: 0;
 
     &__block {
         position: absolute;
diff --git a/tests/opensource-suites/__screenshots__/wizard/visualizations/flat-table/linear-indicator.test.ts/Wizard-Flat-table-Linear-indicator-with-column-background-color-screenshot-1.png b/tests/opensource-suites/__screenshots__/wizard/visualizations/flat-table/linear-indicator.test.ts/Wizard-Flat-table-Linear-indicator-with-column-background-color-screenshot-1.png
new file mode 100644
index 0000000000..b3d8c887a7
Binary files /dev/null and b/tests/opensource-suites/__screenshots__/wizard/visualizations/flat-table/linear-indicator.test.ts/Wizard-Flat-table-Linear-indicator-with-column-background-color-screenshot-1.png differ
diff --git a/tests/opensource-suites/wizard/visualizations/flat-table/linear-indicator.test.ts b/tests/opensource-suites/wizard/visualizations/flat-table/linear-indicator.test.ts
index 2be22ea6bf..d27870bd7e 100644
--- a/tests/opensource-suites/wizard/visualizations/flat-table/linear-indicator.test.ts
+++ b/tests/opensource-suites/wizard/visualizations/flat-table/linear-indicator.test.ts
@@ -2,6 +2,7 @@ import {expect} from '@playwright/test';
 
 import {
     ChartKitQa,
+    DialogFieldBackgroundSettingsQa,
     DialogFieldBarsSettingsQa,
     WizardPageQa,
     WizardVisualizationId,
@@ -56,5 +57,39 @@ datalensTest.describe('Wizard', () => {
                 await expect(chartContainer).toHaveScreenshot();
             },
         );
+
+        datalensTest(
+            'Linear indicator with column background color @screenshot',
+            async ({page}) => {
+                const wizardPage = new WizardPage({page});
+                const chartContainer = page.locator(slct(WizardPageQa.SectionPreview));
+                const previewLoader = chartContainer.locator(slct(ChartKitQa.Loader));
+                const table = wizardPage.chartkit.getTableLocator();
+
+                await wizardPage.createNewFieldWithFormula('SalesSum', 'sum([Sales])');
+                await wizardPage.sectionVisualization.addFieldByClick(
+                    PlaceholderName.FlatTableColumns,
+                    'SalesSum',
+                );
+                await wizardPage.sectionVisualization.addFieldByClick(
+                    PlaceholderName.FlatTableColumns,
+                    'country',
+                );
+
+                await wizardPage.visualizationItemDialog.open(
+                    PlaceholderName.FlatTableColumns,
+                    'SalesSum',
+                );
+                await wizardPage.visualizationItemDialog.barsSettings.switchBars();
+                await wizardPage.page
+                    .locator(slct(DialogFieldBackgroundSettingsQa.EnableButton))
+                    .click();
+                await wizardPage.visualizationItemDialog.clickOnApplyButton();
+
+                await expect(previewLoader).not.toBeVisible();
+                await expect(table).toBeVisible();
+                await expect(chartContainer).toHaveScreenshot();
+            },
+        );
     });
 });