diff --git a/dashboards-observability/common/constants/explorer.ts b/dashboards-observability/common/constants/explorer.ts
index 40ea3bb13..f572a9a0c 100644
--- a/dashboards-observability/common/constants/explorer.ts
+++ b/dashboards-observability/common/constants/explorer.ts
@@ -238,7 +238,6 @@ export interface DefaultBarChartStylesProps {
   BarMode: string;
   GroupWidth: number;
   BarWidth: number;
-  LineWidth: number;
   LabelSize: number;
 }
 
@@ -246,7 +245,6 @@ export const DEFAULT_BAR_CHART_STYLES: DefaultBarChartStylesProps = {
   BarMode: 'group',
   GroupWidth: 0.7,
   BarWidth: 0.97,
-  LineWidth: 1,
   LabelSize: 12,
 };
 
diff --git a/dashboards-observability/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap b/dashboards-observability/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap
index 91d867566..743789e9b 100644
--- a/dashboards-observability/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap
+++ b/dashboards-observability/public/components/custom_panels/helpers/__tests__/__snapshots__/utils.test.tsx.snap
@@ -361,7 +361,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
                       },
                       Object {
                         "component": [Function],
-                        "defaultState": 1,
+                        "defaultState": 2,
                         "eleType": "slider",
                         "mapTo": "lineWidth",
                         "name": "Line width",
@@ -414,7 +414,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
           "label": "Vertical bar",
           "labelangle": 0,
           "legendposition": "v",
-          "linewidth": 1,
+          "linewidth": 2,
           "mode": "group",
           "name": "bar",
           "orientation": "v",
@@ -809,7 +809,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
                         },
                         Object {
                           "component": [Function],
-                          "defaultState": 1,
+                          "defaultState": 2,
                           "eleType": "slider",
                           "mapTo": "lineWidth",
                           "name": "Line width",
@@ -862,7 +862,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
             "label": "Vertical bar",
             "labelangle": 0,
             "legendposition": "v",
-            "linewidth": 1,
+            "linewidth": 2,
             "mode": "group",
             "name": "bar",
             "orientation": "v",
@@ -1264,7 +1264,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
                           },
                           Object {
                             "component": [Function],
-                            "defaultState": 1,
+                            "defaultState": 2,
                             "eleType": "slider",
                             "mapTo": "lineWidth",
                             "name": "Line width",
@@ -1317,7 +1317,7 @@ exports[`Utils helper functions renders displayVisualization function 1`] = `
               "label": "Vertical bar",
               "labelangle": 0,
               "legendposition": "v",
-              "linewidth": 1,
+              "linewidth": 2,
               "mode": "group",
               "name": "bar",
               "orientation": "v",
@@ -3414,7 +3414,7 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
                       },
                       Object {
                         "component": [Function],
-                        "defaultState": 1,
+                        "defaultState": 2,
                         "eleType": "slider",
                         "mapTo": "lineWidth",
                         "name": "Line width",
@@ -3467,7 +3467,7 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
           "label": "Horizontal bar",
           "labelangle": 0,
           "legendposition": "v",
-          "linewidth": 1,
+          "linewidth": 2,
           "mode": "group",
           "name": "horizontal_bar",
           "orientation": "h",
@@ -3862,7 +3862,7 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
                         },
                         Object {
                           "component": [Function],
-                          "defaultState": 1,
+                          "defaultState": 2,
                           "eleType": "slider",
                           "mapTo": "lineWidth",
                           "name": "Line width",
@@ -3915,7 +3915,7 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
             "label": "Horizontal bar",
             "labelangle": 0,
             "legendposition": "v",
-            "linewidth": 1,
+            "linewidth": 2,
             "mode": "group",
             "name": "horizontal_bar",
             "orientation": "h",
@@ -4317,7 +4317,7 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
                           },
                           Object {
                             "component": [Function],
-                            "defaultState": 1,
+                            "defaultState": 2,
                             "eleType": "slider",
                             "mapTo": "lineWidth",
                             "name": "Line width",
@@ -4370,7 +4370,7 @@ exports[`Utils helper functions renders displayVisualization function 3`] = `
               "label": "Horizontal bar",
               "labelangle": 0,
               "legendposition": "v",
-              "linewidth": 1,
+              "linewidth": 2,
               "mode": "group",
               "name": "horizontal_bar",
               "orientation": "h",
@@ -4796,7 +4796,7 @@ exports[`Utils helper functions renders displayVisualization function 4`] = `
                       },
                       Object {
                         "component": [Function],
-                        "defaultState": 1,
+                        "defaultState": 2,
                         "eleType": "slider",
                         "mapTo": "lineWidth",
                         "name": "Line width",
@@ -4849,7 +4849,7 @@ exports[`Utils helper functions renders displayVisualization function 4`] = `
           "label": "Horizontal bar",
           "labelangle": 0,
           "legendposition": "v",
-          "linewidth": 1,
+          "linewidth": 2,
           "mode": "group",
           "name": "horizontal_bar",
           "orientation": "h",
@@ -5190,7 +5190,7 @@ exports[`Utils helper functions renders displayVisualization function 4`] = `
                         },
                         Object {
                           "component": [Function],
-                          "defaultState": 1,
+                          "defaultState": 2,
                           "eleType": "slider",
                           "mapTo": "lineWidth",
                           "name": "Line width",
@@ -5243,7 +5243,7 @@ exports[`Utils helper functions renders displayVisualization function 4`] = `
             "label": "Horizontal bar",
             "labelangle": 0,
             "legendposition": "v",
-            "linewidth": 1,
+            "linewidth": 2,
             "mode": "group",
             "name": "horizontal_bar",
             "orientation": "h",
@@ -5591,7 +5591,7 @@ exports[`Utils helper functions renders displayVisualization function 4`] = `
                           },
                           Object {
                             "component": [Function],
-                            "defaultState": 1,
+                            "defaultState": 2,
                             "eleType": "slider",
                             "mapTo": "lineWidth",
                             "name": "Line width",
@@ -5644,7 +5644,7 @@ exports[`Utils helper functions renders displayVisualization function 4`] = `
               "label": "Horizontal bar",
               "labelangle": 0,
               "legendposition": "v",
-              "linewidth": 1,
+              "linewidth": 2,
               "mode": "group",
               "name": "horizontal_bar",
               "orientation": "h",
diff --git a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
index b940933a8..9880f2a59 100644
--- a/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
+++ b/dashboards-observability/public/components/event_analytics/explorer/visualizations/config_panel/__tests__/__snapshots__/config_panel.test.tsx.snap
@@ -446,7 +446,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -499,7 +499,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
@@ -776,7 +776,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                           },
                           Object {
                             "component": [Function],
-                            "defaultState": 1,
+                            "defaultState": 2,
                             "eleType": "slider",
                             "mapTo": "lineWidth",
                             "name": "Line width",
@@ -830,7 +830,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
               "label": "Vertical bar",
               "labelangle": 0,
               "legendposition": "v",
-              "linewidth": 1,
+              "linewidth": 2,
               "mode": "group",
               "name": "bar",
               "orientation": "v",
@@ -1089,7 +1089,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                           },
                           Object {
                             "component": [Function],
-                            "defaultState": 1,
+                            "defaultState": 2,
                             "eleType": "slider",
                             "mapTo": "lineWidth",
                             "name": "Line width",
@@ -1142,7 +1142,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
               "label": "Horizontal bar",
               "labelangle": 0,
               "legendposition": "v",
-              "linewidth": 1,
+              "linewidth": 2,
               "mode": "group",
               "name": "horizontal_bar",
               "orientation": "h",
@@ -4238,7 +4238,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                           },
                           Object {
                             "component": [Function],
-                            "defaultState": 1,
+                            "defaultState": 2,
                             "eleType": "slider",
                             "mapTo": "lineWidth",
                             "name": "Line width",
@@ -4292,7 +4292,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
               "label": "Vertical bar",
               "labelangle": 0,
               "legendposition": "v",
-              "linewidth": 1,
+              "linewidth": 2,
               "mode": "group",
               "name": "bar",
               "orientation": "v",
@@ -4583,7 +4583,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                               },
                               Object {
                                 "component": [Function],
-                                "defaultState": 1,
+                                "defaultState": 2,
                                 "eleType": "slider",
                                 "mapTo": "lineWidth",
                                 "name": "Line width",
@@ -4637,7 +4637,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                   "label": "Vertical bar",
                   "labelangle": 0,
                   "legendposition": "v",
-                  "linewidth": 1,
+                  "linewidth": 2,
                   "mode": "group",
                   "name": "bar",
                   "orientation": "v",
@@ -4933,7 +4933,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                     },
                                     Object {
                                       "component": [Function],
-                                      "defaultState": 1,
+                                      "defaultState": 2,
                                       "eleType": "slider",
                                       "mapTo": "lineWidth",
                                       "name": "Line width",
@@ -4988,7 +4988,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                       key="vertical bar"
                       labelangle={0}
                       legendposition="v"
-                      linewidth={1}
+                      linewidth={2}
                       mode="group"
                       name="bar"
                       option={
@@ -5218,7 +5218,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                       },
                                       Object {
                                         "component": [Function],
-                                        "defaultState": 1,
+                                        "defaultState": 2,
                                         "eleType": "slider",
                                         "mapTo": "lineWidth",
                                         "name": "Line width",
@@ -5272,7 +5272,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                           "label": "Vertical bar",
                           "labelangle": 0,
                           "legendposition": "v",
-                          "linewidth": 1,
+                          "linewidth": 2,
                           "mode": "group",
                           "name": "bar",
                           "orientation": "v",
@@ -5569,7 +5569,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                       },
                                       Object {
                                         "component": [Function],
-                                        "defaultState": 1,
+                                        "defaultState": 2,
                                         "eleType": "slider",
                                         "mapTo": "lineWidth",
                                         "name": "Line width",
@@ -5623,7 +5623,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                         id="bar"
                         labelangle={0}
                         legendposition="v"
-                        linewidth={1}
+                        linewidth={2}
                         mode="group"
                         name="bar"
                         orientation="v"
@@ -5890,7 +5890,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                           },
                                           Object {
                                             "component": [Function],
-                                            "defaultState": 1,
+                                            "defaultState": 2,
                                             "eleType": "slider",
                                             "mapTo": "lineWidth",
                                             "name": "Line width",
@@ -5943,7 +5943,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                             id="bar"
                             labelangle={0}
                             legendposition="v"
-                            linewidth={1}
+                            linewidth={2}
                             mode="group"
                             name="bar"
                             orientation="v"
@@ -6379,7 +6379,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                         },
                         Object {
                           "component": [Function],
-                          "defaultState": 1,
+                          "defaultState": 2,
                           "eleType": "slider",
                           "mapTo": "lineWidth",
                           "name": "Line width",
@@ -6837,7 +6837,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                 },
                                 Object {
                                   "component": [Function],
-                                  "defaultState": 1,
+                                  "defaultState": 2,
                                   "eleType": "slider",
                                   "mapTo": "lineWidth",
                                   "name": "Line width",
@@ -6890,7 +6890,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                     "label": "Vertical bar",
                     "labelangle": 0,
                     "legendposition": "v",
-                    "linewidth": 1,
+                    "linewidth": 2,
                     "mode": "group",
                     "name": "bar",
                     "orientation": "v",
@@ -7177,7 +7177,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                           },
                           Object {
                             "component": [Function],
-                            "defaultState": 1,
+                            "defaultState": 2,
                             "eleType": "slider",
                             "mapTo": "lineWidth",
                             "name": "Line width",
@@ -7635,7 +7635,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   },
                                   Object {
                                     "component": [Function],
-                                    "defaultState": 1,
+                                    "defaultState": 2,
                                     "eleType": "slider",
                                     "mapTo": "lineWidth",
                                     "name": "Line width",
@@ -7688,7 +7688,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                       "label": "Vertical bar",
                       "labelangle": 0,
                       "legendposition": "v",
-                      "linewidth": 1,
+                      "linewidth": 2,
                       "mode": "group",
                       "name": "bar",
                       "orientation": "v",
@@ -8206,7 +8206,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   },
                                   Object {
                                     "component": [Function],
-                                    "defaultState": 1,
+                                    "defaultState": 2,
                                     "eleType": "slider",
                                     "mapTo": "lineWidth",
                                     "name": "Line width",
@@ -8259,7 +8259,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                       "label": "Vertical bar",
                       "labelangle": 0,
                       "legendposition": "v",
-                      "linewidth": 1,
+                      "linewidth": 2,
                       "mode": "group",
                       "name": "bar",
                       "orientation": "v",
@@ -8614,7 +8614,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                         },
                         Object {
                           "component": [Function],
-                          "defaultState": 1,
+                          "defaultState": 2,
                           "eleType": "slider",
                           "mapTo": "lineWidth",
                           "name": "Line width",
@@ -9072,7 +9072,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                 },
                                 Object {
                                   "component": [Function],
-                                  "defaultState": 1,
+                                  "defaultState": 2,
                                   "eleType": "slider",
                                   "mapTo": "lineWidth",
                                   "name": "Line width",
@@ -9125,7 +9125,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                     "label": "Vertical bar",
                     "labelangle": 0,
                     "legendposition": "v",
-                    "linewidth": 1,
+                    "linewidth": 2,
                     "mode": "group",
                     "name": "bar",
                     "orientation": "v",
@@ -9639,7 +9639,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                               },
                                               Object {
                                                 "component": [Function],
-                                                "defaultState": 1,
+                                                "defaultState": 2,
                                                 "eleType": "slider",
                                                 "mapTo": "lineWidth",
                                                 "name": "Line width",
@@ -9692,7 +9692,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "label": "Vertical bar",
                                   "labelangle": 0,
                                   "legendposition": "v",
-                                  "linewidth": 1,
+                                  "linewidth": 2,
                                   "mode": "group",
                                   "name": "bar",
                                   "orientation": "v",
@@ -10473,7 +10473,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                               },
                                               Object {
                                                 "component": [Function],
-                                                "defaultState": 1,
+                                                "defaultState": 2,
                                                 "eleType": "slider",
                                                 "mapTo": "lineWidth",
                                                 "name": "Line width",
@@ -10526,7 +10526,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "label": "Vertical bar",
                                   "labelangle": 0,
                                   "legendposition": "v",
-                                  "linewidth": 1,
+                                  "linewidth": 2,
                                   "mode": "group",
                                   "name": "bar",
                                   "orientation": "v",
@@ -11806,7 +11806,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                               },
                                               Object {
                                                 "component": [Function],
-                                                "defaultState": 1,
+                                                "defaultState": 2,
                                                 "eleType": "slider",
                                                 "mapTo": "lineWidth",
                                                 "name": "Line width",
@@ -11859,7 +11859,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "label": "Vertical bar",
                                   "labelangle": 0,
                                   "legendposition": "v",
-                                  "linewidth": 1,
+                                  "linewidth": 2,
                                   "mode": "group",
                                   "name": "bar",
                                   "orientation": "v",
@@ -12710,7 +12710,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                 },
                                 Object {
                                   "component": [Function],
-                                  "defaultState": 1,
+                                  "defaultState": 2,
                                   "eleType": "slider",
                                   "mapTo": "lineWidth",
                                   "name": "Line width",
@@ -13160,7 +13160,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                               },
                                               Object {
                                                 "component": [Function],
-                                                "defaultState": 1,
+                                                "defaultState": 2,
                                                 "eleType": "slider",
                                                 "mapTo": "lineWidth",
                                                 "name": "Line width",
@@ -13213,7 +13213,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "label": "Vertical bar",
                                   "labelangle": 0,
                                   "legendposition": "v",
-                                  "linewidth": 1,
+                                  "linewidth": 2,
                                   "mode": "group",
                                   "name": "bar",
                                   "orientation": "v",
@@ -14974,7 +14974,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                           />
                                         </EuiSpacer>
                                         <SliderConfig
-                                          currentRange={1}
+                                          currentRange={2}
                                           handleSliderChange={[Function]}
                                           max={10}
                                           maxRange={10}
@@ -15017,7 +15017,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                             showTicks={false}
                                             showValue={false}
                                             step={1}
-                                            value={1}
+                                            value={2}
                                           >
                                             <EuiRangeWrapper
                                               className="euiRange euiRange--hasInput"
@@ -15036,7 +15036,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                                   onChange={[Function]}
                                                   showTicks={false}
                                                   step={1}
-                                                  value={1}
+                                                  value={2}
                                                 >
                                                   <div
                                                     aria-hidden={true}
@@ -15054,7 +15054,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                                       showTicks={false}
                                                       step={1}
                                                       tabIndex={-1}
-                                                      value={1}
+                                                      value={2}
                                                     >
                                                       <input
                                                         aria-hidden={true}
@@ -15067,7 +15067,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                                         step={1}
                                                         tabIndex={-1}
                                                         type="range"
-                                                        value={1}
+                                                        value={2}
                                                       />
                                                     </EuiRangeSlider>
                                                   </div>
@@ -15088,7 +15088,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                                   name="Line width"
                                                   onChange={[Function]}
                                                   step={1}
-                                                  value={1}
+                                                  value={2}
                                                 >
                                                   <EuiFieldNumber
                                                     aria-label="change lineWidth slider"
@@ -15107,7 +15107,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                                         "width": "3.6em",
                                                       }
                                                     }
-                                                    value={1}
+                                                    value={2}
                                                   >
                                                     <EuiFormControlLayout
                                                       compressed={true}
@@ -15137,7 +15137,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                                                 }
                                                               }
                                                               type="number"
-                                                              value={1}
+                                                              value={2}
                                                             />
                                                           </EuiValidatableControl>
                                                           <EuiFormControlLayoutIcons
@@ -15809,7 +15809,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                               },
                                               Object {
                                                 "component": [Function],
-                                                "defaultState": 1,
+                                                "defaultState": 2,
                                                 "eleType": "slider",
                                                 "mapTo": "lineWidth",
                                                 "name": "Line width",
@@ -15862,7 +15862,7 @@ exports[`Config panel component Renders config panel with visualization data 1`]
                                   "label": "Vertical bar",
                                   "labelangle": 0,
                                   "legendposition": "v",
-                                  "linewidth": 1,
+                                  "linewidth": 2,
                                   "mode": "group",
                                   "name": "bar",
                                   "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap
index e32a915cb..e2b457298 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/bar.test.tsx.snap
@@ -447,7 +447,7 @@ exports[`Veritcal Bar component Renders veritcal bar component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -500,7 +500,7 @@ exports[`Veritcal Bar component Renders veritcal bar component 1`] = `
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap
index 9091dcc61..7cdaf5e80 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/heatmap.test.tsx.snap
@@ -447,7 +447,7 @@ exports[`Heatmap component Renders heatmap component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -500,7 +500,7 @@ exports[`Heatmap component Renders heatmap component 1`] = `
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap
index edc47169a..0588c8a3e 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/histogram.test.tsx.snap
@@ -447,7 +447,7 @@ exports[`Histogram component Renders histogram component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -500,7 +500,7 @@ exports[`Histogram component Renders histogram component 1`] = `
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/horizontal_bar.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/horizontal_bar.test.tsx.snap
index 018cc0101..355fdb9fd 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/horizontal_bar.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/horizontal_bar.test.tsx.snap
@@ -447,7 +447,7 @@ exports[`Horizontal bar component Renders horizontal bar component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -500,7 +500,7 @@ exports[`Horizontal bar component Renders horizontal bar component 1`] = `
         "label": "Horizontal bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "horizontal_bar",
         "orientation": "h",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap
index ee405b76d..21824675b 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/line.test.tsx.snap
@@ -447,7 +447,7 @@ exports[`Line component Renders line component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -500,7 +500,7 @@ exports[`Line component Renders line component 1`] = `
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap
index 81a9bd1e3..9733c7075 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap
@@ -447,7 +447,7 @@ exports[`Logs View component Renders logs view component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -500,7 +500,7 @@ exports[`Logs View component Renders logs view component 1`] = `
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
index 3866315df..4091dfed7 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/pie.test.tsx.snap
@@ -447,7 +447,7 @@ exports[`Pie component Renders pie component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -500,7 +500,7 @@ exports[`Pie component Renders pie component 1`] = `
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap
index 0229c87fc..d7223f6b5 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/text.test.tsx.snap
@@ -430,7 +430,7 @@ exports[`Text component Renders text component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -483,7 +483,7 @@ exports[`Text component Renders text component 1`] = `
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap
index 480851a92..7289b8a68 100644
--- a/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap
+++ b/dashboards-observability/public/components/visualizations/charts/__tests__/__snapshots__/treemap.test.tsx.snap
@@ -447,7 +447,7 @@ exports[`Treemap component Renders treemap component 1`] = `
                     },
                     Object {
                       "component": [Function],
-                      "defaultState": 1,
+                      "defaultState": 2,
                       "eleType": "slider",
                       "mapTo": "lineWidth",
                       "name": "Line width",
@@ -500,7 +500,7 @@ exports[`Treemap component Renders treemap component 1`] = `
         "label": "Vertical bar",
         "labelangle": 0,
         "legendposition": "v",
-        "linewidth": 1,
+        "linewidth": 2,
         "mode": "group",
         "name": "bar",
         "orientation": "v",
diff --git a/dashboards-observability/public/components/visualizations/charts/bar/bar.tsx b/dashboards-observability/public/components/visualizations/charts/bar/bar.tsx
index 823b17898..75178d82c 100644
--- a/dashboards-observability/public/components/visualizations/charts/bar/bar.tsx
+++ b/dashboards-observability/public/components/visualizations/charts/bar/bar.tsx
@@ -69,10 +69,6 @@ export const Bar = ({ visualizations, layout, config }: any) => {
     dataConfig?.legend?.showLegend && dataConfig.legend.showLegend !== visMetaData.showlegend
   );
   const legendPosition = dataConfig?.legend?.position || visMetaData.legendposition;
-
-  visualizations.data?.rawVizData?.dataConfig?.metrics
-    ? visualizations.data.rawVizData.dataConfig.metrics
-    : [];
   const labelSize = dataConfig?.chartStyles?.labelSize || DEFAULT_BAR_CHART_STYLES.LabelSize;
   const legendSize = dataConfig?.legend?.legendSize;
   const getSelectedColorTheme = (field: any, index: number) =>
diff --git a/dashboards-observability/public/components/visualizations/charts/bar/bar_type.ts b/dashboards-observability/public/components/visualizations/charts/bar/bar_type.ts
index bc2fd0742..7cb75ba3a 100644
--- a/dashboards-observability/public/components/visualizations/charts/bar/bar_type.ts
+++ b/dashboards-observability/public/components/visualizations/charts/bar/bar_type.ts
@@ -25,9 +25,8 @@ import { DEFAULT_BAR_CHART_STYLES } from '../../../../../common/constants/explor
 const sharedConfigs = getPlotlySharedConfigs();
 const VIS_CATEGORY = getPlotlyCategory();
 
-// const { LegendPosition, ShowLegend } = DEFAULT_CHART_STYLES;
-const { LegendPosition, ShowLegend, LabelAngle, FillOpacity } = DEFAULT_CHART_STYLES;
-const { BarMode, GroupWidth, BarWidth, LineWidth } = DEFAULT_BAR_CHART_STYLES;
+const { LegendPosition, ShowLegend, LabelAngle, FillOpacity, LineWidth } = DEFAULT_CHART_STYLES;
+const { BarMode, GroupWidth, BarWidth } = DEFAULT_BAR_CHART_STYLES;
 const isHorizontalBar = (paramstype: string) =>
   paramstype === VIS_CHART_TYPES.HorizontalBar ? true : false;
 
@@ -123,7 +122,7 @@ export const createBarTypeDefinition = (params: any) => ({
                 eleType: 'buttons',
                 props: {
                   options: [
-                    { name: 'Group', id: 'group' },
+                    { name: 'Group', id: BarMode },
                     { name: 'Stack', id: 'stack' },
                   ],
                   defaultSelections: [{ name: 'Group', id: BarMode }],