fix(dashbordeditorheader): fix switcher icon buttons in dashboardeditorheader (#4034) (#4036)

* fix(dashbordeditorheader): update contentswitcher iconbuttons

* fix(dashboardeditorheader): update contentswitcher icon buttons

---------

Co-authored-by: Utsav Patel <[email protected]>

Author: utsav2727

packages/react/src/components/DashboardEditor/DashboardEditorHeader/DashboardEditorHeader.jsx

@@ -9,13 +9,12 @@ import {
   Laptop,
   Screen,
 } from '@carbon/react/icons';
-import { FileUploaderButton, ContentSwitcher, TextInput, Tooltip } from '@carbon/react';
+import { FileUploaderButton, ContentSwitcher, TextInput, Tooltip, IconSwitch } from '@carbon/react';
 import { isEmpty } from 'lodash-es';
 
 import { settings } from '../../../constants/Settings';
 import Button from '../../Button';
 import PageTitleBar from '../../PageTitleBar';
-import IconSwitch from '../../IconSwitch/IconSwitch';
 
 const { iotPrefix } = settings;
 

packages/react/src/components/PageTitleBar/_page-title-bar.scss

@@ -67,6 +67,11 @@
       padding-left: $spacing-07;
     }
 
+    .#{$prefix}--content-switcher-btn,
+    .#{$prefix}--content-switcher .#{$prefix}--btn--primary {
+      margin-left: 0;
+    }
+
     .#{$prefix}--btn--primary {
       margin-left: $spacing-03;
       [dir='rtl'] & {