Fix icon position style in HeaderBar

EyeSeeTea · Jul 31, 2024 · 177ed10 · 177ed10
1 parent 971f525
commit 177ed10
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/webapp/pages/app/App.tsx b/src/webapp/pages/app/App.tsx
@@ -1,3 +1,4 @@
+import styled from "styled-components";
 import { HeaderBar } from "@dhis2/ui";
 import { SnackbarProvider } from "@eyeseetea/d2-ui-components";
 import { Feedback } from "@eyeseetea/feedback-component";
@@ -43,7 +44,7 @@ function App(props: AppProps) {
         <MuiThemeProvider theme={muiTheme}>
             <OldMuiThemeProvider muiTheme={muiThemeLegacy}>
                 <SnackbarProvider>
-                    <HeaderBar appName="Skeleton App" />
+                    <StyledHeaderBar appName="Skeleton App" />
 
                     {appConfig.feedback && appContext && (
                         <Feedback
@@ -65,4 +66,10 @@ function App(props: AppProps) {
     );
 }
 
+const StyledHeaderBar = styled(HeaderBar)`
+    div:first-of-type {
+        box-sizing: border-box;
+    }
+`;
+
 export default React.memo(App);