Adjusting the margin between the icon and page labels within the header

src/components/header/home-header.component.tsx

@@ -26,7 +26,7 @@ export const HomeHeader: React.FC<HomeHeaderProps> = ({
     <>
       <div className={styles.header}>
         <div className={styles["left-justified-items"]}>
-          <HomeIllustration icon={<Events />} />
+          <HomeIllustration icon={icon} />
           <div className={styles["page-labels"]}>
             <p>{t("home", "Home")}</p>
             <p className={styles["page-name"]}>{headerTitle}</p>

src/components/header/home-header.scss

@@ -17,12 +17,13 @@
   flex-direction: row;
   align-items: center;
   cursor: pointer;
+  margin-left: 0.75rem;
 }
 
 .right-justified-items {
   @include type.type-style('body-compact-02');
   color: colors.$gray-70;
-  margin: 0.5rem;
+  margin: 1rem;
 }
 
 .page-name {
@@ -32,6 +33,7 @@
 .page-labels {
   p:first-of-type {
     margin-bottom: 0.25rem;
+    margin-left: 1rem;
   }
 }
 
@@ -42,6 +44,14 @@
   margin-right: 1rem;
 }
 
+.clinic {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  margin-top: 1rem;
+  margin-right: 2rem;
+}
+
 .value {
   margin-left: 0.25rem;
 }
@@ -69,3 +79,16 @@
     left: -10.15rem;
   }
 }
+
+svg.iconOverrides {
+  width: 72px !important;
+  height: 72px !important;
+  fill: var(--brand-03);
+}
+
+.svgContainer svg {
+  width: 72px;
+  height: 72px;
+  fill: var(--brand-03);
+}
+

src/components/header/home-illustration.component.tsx

@@ -6,7 +6,11 @@ export interface HomeIllustrationProps {
 }
 
 export const HomeIllustration: React.FC<HomeIllustrationProps> = ({ icon }) => {
-  return <div className={styles.svgContainer}>{icon}</div>;
+  return (
+    <div className={styles.svgContainer}>
+      <div className={styles.iconOverrides}>{icon}</div>
+    </div>
+  );
 };
 
 export default HomeIllustration;

webpack.config.js

@@ -9,11 +9,8 @@ config.overrides.resolve = {
     extensions: [".tsx", ".ts", ".jsx", ".js", ".scss"],
     alias: {
         "@openmrs/esm-framework": "@openmrs/esm-framework/src/internal",
-        "@ugandaemr/esm-ugandaemr-commons-lib": path.resolve(
-            __dirname,
-            "./src/index"
-        ),
+        "@ugandaemr/esm-ugandaemr-commons-lib": "@ugandaemr/esm-ugandaemr-commons-lib/src/index",
         "@openmrs/openmrs-form-engine-lib": "@openmrs/openmrs-form-engine-lib/src/index",
     },
 };
-module.exports = config;
+module.exports = config;