diff --git a/packages/esm-patient-banner-app/src/config-schema.ts b/packages/esm-patient-banner-app/src/config-schema.ts
index d6d652bf37..1f89c37244 100644
--- a/packages/esm-patient-banner-app/src/config-schema.ts
+++ b/packages/esm-patient-banner-app/src/config-schema.ts
@@ -115,6 +115,11 @@ export const configSchema = {
         _type: Type.UUID,
       },
     },
+    autoPrint: {
+      _type: Type.Boolean,
+      _description: 'Whether to print the patient sticker by default',
+      _default: false,
+    },
   },
   useRelationshipNameLink: {
     _type: Type.Boolean,
@@ -150,6 +155,7 @@ export interface ConfigObject {
       width: string;
     };
     identifiersToDisplay: Array<string>;
+    autoPrint: boolean;
   };
   useRelationshipNameLink: boolean;
 }
diff --git a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.component.tsx b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.component.tsx
index 5ff26360c3..666c4919fb 100644
--- a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.component.tsx
+++ b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.component.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Barcode from 'react-barcode';
 import { useTranslation } from 'react-i18next';
-import { useConfig } from '@openmrs/esm-framework';
+import { interpolateUrl, useConfig } from '@openmrs/esm-framework';
 import { defaultBarcodeParams, getPatientField } from './print-identifier-sticker.resource';
 import { type AllowedPatientFields, type ConfigObject } from '../config-schema';
 import styles from './print-identifier-sticker.scss';
@@ -24,92 +24,20 @@ const PrintComponent: React.FC<PrintComponentProps> = ({ patient }) => {
     <div className={styles.stickerContainer}>
       <Grid className={styles.gridHeaderContainer}>
         {printPatientSticker?.header?.showBarcode && (
-          <Column lg={12} md={6} sm={4}>
-            <Barcode value={primaryIdentifierValue} {...defaultBarcodeParams} />
-          </Column>
+          <div className={`${styles.stickerBarcodeContainer}`}>
+            <div className={styles.stickerBarcode}>
+              <Barcode value={primaryIdentifierValue} {...defaultBarcodeParams} />
+            </div>
+          </div>
         )}
         {printPatientSticker?.header?.showLogo && (
-          <Column lg={4} md={2} sm={4}>
+          <div className={`${styles.logoContainer}`}>
             <div className={styles.implementationLogo}>
               <ImplementationLogo />
             </div>
-          </Column>
+          </div>
         )}
       </Grid>
-
-      {/* <FlexGrid>
-        <Row>
-          <Grid className={styles.gridHeaderContainer}>
-            {printPatientSticker?.header?.showBarcode && (
-              <Column lg={12} md={6} sm={4}>
-                <Barcode value={primaryIdentifierValue} {...defaultBarcodeParams} />
-              </Column>
-            )}
-            {printPatientSticker?.header?.showLogo && (
-              <Column lg={4} md={2} sm={4}>
-                <div className={styles.implementationLogo}>
-                  <ImplementationLogo />
-                </div>
-              </Column>
-            )}
-          </Grid>
-        </Row>
-        <div>
-          {individualFields.map((field) => {
-            const Component = getPatientField(field);
-            return (
-              <Component patient={patient} showFieldSeparator={showFieldSeparator} />
-            );
-          })}
-          {fieldsTableGroups.length > 0
-              ? fieldsTableGroups.map((group, index) => (
-                <Row>
-                <table key={`group-${index}`}>
-                  <tbody>
-                    <tr>
-                      {group.map((field) => {
-                        const Component = getPatientField(field);
-                        return (
-                          <td key={field}>
-                            <Component patient={patient} showFieldSeparator={showFieldSeparator} />
-                          </td>
-                        );
-                      })}
-                    </tr>
-                  </tbody>
-                </table>
-                </Row>
-              ))
-              : null}
-        </div>
-      </FlexGrid> */}
-
-      {/* 
-<svg xmlns="http//www.w3.org/2000/svg" viewBox="0 0 700 500">
-      <rect fill="#f0f0f0" height="150" width="700" y="0" x="0"></rect>
-      <text fill="#333" font-size="40" y="90" x="20">
-        Barcode
-      </text>
-      <text fill="#333" font-size="40" y="90" x="510">
-        logo
-      </text>
-
-      <text fill="#555" font-size="20" y="210" x="20">Patient ID</text>
-      <text font-size="40" y="250" x="20">100008E</text>
-
-      <text fill="#555" font-size="20" y="310" x="20">Patient Name</text>
-      <text font-size="40" y="350" x="20">Joshua Johnson</text>
-
-      <text fill="#555" font-size="20" y="410" x="20">Gender</text>
-      <text font-size="40" y="450" x="20">Male</text>
-
-      <text fill="#555" font-size="20" y="410" x="240">Date of Birth</text>
-      <text font-size="40" y="450" x="240"></text>
-
-      <text fill="#555" font-size="20" y="410" x="510">Age</text>
-      <text font-size="40" y="450" x="510">25-Sept-2019</text>
-    </svg> */}
-
       <div
         className={styles.fieldsContainer}
         style={printPatientSticker?.printStickerFields?.fieldsContainerStyleOverrides}
@@ -141,53 +69,6 @@ const PrintComponent: React.FC<PrintComponentProps> = ({ patient }) => {
             </table>
           ))
         : null}
-
-      {/* <Grid className={styles.gridHeaderContainer}>
-         {printPatientSticker?.header?.showBarcode && (
-          <Column lg={12} md={6} sm={4}>
-            <Barcode value={primaryIdentifierValue} {...defaultBarcodeParams} />
-          </Column>
-        )}
-        {printPatientSticker?.header?.showLogo && (
-          <Column lg={4} md={2} sm={4}>
-            <div className={styles.implementationLogo}>
-              <ImplementationLogo />
-            </div>
-          </Column>
-        )}
-      </Grid> */}
-
-      {/* <div
-        className={styles.fieldsContainer}
-        style={printPatientSticker?.printStickerFields?.fieldsContainerStyleOverrides}
-      >
-        {individualFields.map((field) => {
-          const Component = getPatientField(field);
-          return (
-            <div key={field} className={styles.fieldRow}>
-              <Component patient={patient} showFieldSeparator={showFieldSeparator} />
-            </div>
-          );
-        })}
-      </div>
-      {fieldsTableGroups.length > 0
-        ? fieldsTableGroups.map((group, index) => (
-            <table key={`group-${index}`} className={styles.fieldsTable}>
-              <tbody>
-                <tr>
-                  {group.map((field) => {
-                    const Component = getPatientField(field);
-                    return (
-                      <td key={field} className={styles.fieldsTableCell}>
-                        <Component patient={patient} showFieldSeparator={showFieldSeparator} />
-                      </td>
-                    );
-                  })}
-                </tr>
-              </tbody>
-            </table>
-          ))
-        : null} */}
     </div>
   );
 };
@@ -197,7 +78,7 @@ const ImplementationLogo: React.FC = () => {
   const { printPatientSticker } = useConfig<ConfigObject>();
 
   return printPatientSticker?.header?.logo ? (
-    <img alt={t('implementationLogo', 'Implementation logo')} src={printPatientSticker?.header?.logo} />
+    <img alt={t('implementationLogo', 'Implementation logo')} src={interpolateUrl(printPatientSticker?.header?.logo)} />
   ) : (
     // TODO: Figure out why #omrs-logo-full-mono sprite is not working
     <svg
diff --git a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.modal.tsx b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.modal.tsx
index c73311d5bd..e031cc61f8 100644
--- a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.modal.tsx
+++ b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.modal.tsx
@@ -19,7 +19,7 @@ import { type ConfigObject } from '../config-schema';
 import PrintComponent from './print-identifier-sticker.component';
 import styles from './print-identifier-sticker.scss';
 import { toSvg } from 'html-to-image';
-import PrintSizeWrapper from './print-size-wrapper.component';
+
 interface PrintIdentifierStickerProps {
   closeModal: () => void;
   patient: fhir.Patient;
@@ -38,15 +38,18 @@ interface PrintMultipleStickersComponentProps
     height: string;
     width: string;
   };
+  stickerSVGDataSource: string;
+  setStickerSVGDataSource: React.Dispatch<React.SetStateAction<string>>;
 }
 
 const PrintIdentifierSticker: React.FC<PrintIdentifierStickerProps> = ({ closeModal, patient }) => {
   const { t } = useTranslation();
   const { printPatientSticker } = useConfig<ConfigObject>();
-  const { pageSize, printMultipleStickers, stickerSize } = printPatientSticker ?? {};
+  const { pageSize, autoPrint, printMultipleStickers, stickerSize } = printPatientSticker ?? {};
   const [isPrinting, setIsPrinting] = useState(false);
-  const headerTitle = t('patientIdentifierSticker', 'Patient identifier sticker');
+  const [stickerSVGDataSource, setStickerSVGDataSource] = useState<string>('');
 
+  const headerTitle = t('patientIdentifierSticker', 'Patient identifier sticker');
   const contentToPrintRef = useRef(null);
   const onBeforeGetContentResolve = useRef<() => void | null>(null);
 
@@ -73,18 +76,59 @@ const PrintIdentifierSticker: React.FC<PrintIdentifierStickerProps> = ({ closeMo
     closeModal();
   }, [closeModal]);
 
-  const handlePrintWindow = useCallback((printWindow: HTMLIFrameElement | null): Promise<void> => {
-    return new Promise<void>((resolve) => {
-      if (printWindow) {
-        const printContent = printWindow.contentDocument || printWindow.contentWindow?.document;
-        if (printContent) {
-          printContent.body.style.overflow = 'initial !important';
-          printWindow.contentWindow?.print();
+  const handlePrintWindow = useCallback(
+    (printWindow: HTMLIFrameElement | null): Promise<void> => {
+      return new Promise<void>((resolve) => {
+        if (printWindow) {
+          const printContent = printWindow.contentDocument || printWindow.contentWindow?.document;
+          if (printContent) {
+            printContent.body.style.overflow = 'initial !important';
+
+            const style = printContent.createElement('style');
+            style.textContent = `
+          @page {
+            size: ${pageSize};
+            margin: 15px 20px 0 20px;
+          }
+          
+          @media print {
+            #print-wrapper {
+              width: 100vw !important;
+              height: 100vh !important;
+              transform-origin: top left;
+              transform: scale(var(--print-scale));
+            }
+            
+            #print-content {
+              position: absolute;
+              width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+            }
+          }
+        `;
+            printContent.head.appendChild(style);
+
+            const content = printContent.getElementById('print-wrapper');
+            const contentWidth = content.scrollWidth;
+            const contentHeight = content.scrollHeight;
+            const pageWidth = window.innerWidth;
+            const pageHeight = window.innerHeight;
+            const scaleX = pageWidth / contentWidth;
+            const scaleY = pageHeight / contentHeight;
+            const scale = Math.min(scaleX, scaleY) * 0.95;
+
+            printContent.documentElement.style.setProperty('--print-scale', scale.toString());
+
+            printWindow.contentWindow?.print();
+          }
         }
-      }
-      resolve();
-    });
-  }, []);
+        resolve();
+      });
+    },
+    [pageSize],
+  );
 
   const handlePrintError = useCallback((errorLocation, error) => {
     onBeforeGetContentResolve.current = null;
@@ -111,6 +155,12 @@ const PrintIdentifierSticker: React.FC<PrintIdentifierStickerProps> = ({ closeMo
     copyStyles: true,
   });
 
+  useEffect(() => {
+    if (!isPrinting && autoPrint && stickerSVGDataSource && contentToPrintRef.current) {
+      handlePrint();
+    }
+  }, [autoPrint, handlePrint, isPrinting, stickerSVGDataSource]);
+
   return (
     <>
       <ModalHeader
@@ -123,6 +173,8 @@ const PrintIdentifierSticker: React.FC<PrintIdentifierStickerProps> = ({ closeMo
           printMultipleStickers={printMultipleStickers}
           stickerSize={stickerSize}
           patient={patient}
+          stickerSVGDataSource={stickerSVGDataSource}
+          setStickerSVGDataSource={setStickerSVGDataSource}
           ref={contentToPrintRef}
         />
       </ModalBody>
@@ -130,7 +182,12 @@ const PrintIdentifierSticker: React.FC<PrintIdentifierStickerProps> = ({ closeMo
         <Button kind="secondary" onClick={closeModal}>
           {getCoreTranslation('cancel', 'Cancel')}
         </Button>
-        <Button className={styles.button} disabled={isPrinting} onClick={handlePrint} kind="primary">
+        <Button
+          className={styles.button}
+          disabled={isPrinting && !stickerSVGDataSource}
+          onClick={handlePrint}
+          kind="primary"
+        >
           {isPrinting ? (
             <InlineLoading className={styles.loader} description={getCoreTranslation('printing', 'Printing') + '...'} />
           ) : (
@@ -143,11 +200,11 @@ const PrintIdentifierSticker: React.FC<PrintIdentifierStickerProps> = ({ closeMo
 };
 
 const PrintMultipleStickersComponent = forwardRef<HTMLDivElement, PrintMultipleStickersComponentProps>(
-  ({ pageSize, printMultipleStickers, stickerSize, patient }, ref) => {
-    const svgDivRef = useRef<HTMLDivElement>();
+  ({ pageSize, printMultipleStickers, stickerSize, patient, stickerSVGDataSource, setStickerSVGDataSource }, ref) => {
+    const { t } = useTranslation();
 
+    const svgDivRef = useRef<HTMLDivElement>();
     const divRef = useRef<HTMLDivElement>();
-    const { t } = useTranslation();
 
     const { height: printIdentifierStickerHeight, width: printIdentifierStickerWidth } = stickerSize ?? {};
     const [numberOfLabelColumnsPage, setNumberOfLabelColumnsPage] = useState<number>(
@@ -162,8 +219,6 @@ const PrintMultipleStickersComponent = forwardRef<HTMLDivElement, PrintMultipleS
       printMultipleStickers.numberOfStickers > 1,
     );
 
-    const [svgDataSource, setSvgDataSource] = useState('');
-
     const labels = Array.from({ length: numberOfLabels });
 
     useImperativeHandle(ref, () => divRef.current, []);
@@ -187,20 +242,35 @@ const PrintMultipleStickersComponent = forwardRef<HTMLDivElement, PrintMultipleS
 
     useEffect(() => {
       if (svgDivRef.current) {
-        toSvg(svgDivRef.current, { cacheBust: true })
+        const images = svgDivRef.current.querySelectorAll('img');
+
+        const imageLoadPromises = Array.from(images).map(
+          (img) =>
+            new Promise<void>((resolve, reject) => {
+              if (img.complete) {
+                resolve();
+              } else {
+                img.onload = () => resolve();
+                img.onerror = () => reject(new Error(`Failed to load image: ${img.src}`));
+              }
+            }),
+        );
+
+        Promise.all(imageLoadPromises)
+          .then(() => toSvg(svgDivRef.current, { cacheBust: true }))
           .then((dataUrl) => {
-            setSvgDataSource(dataUrl);
+            setStickerSVGDataSource(dataUrl);
           })
           .catch((err) => {
             showSnackbar({
               isLowContrast: false,
               kind: 'error',
               title: getCoreTranslation('printError', 'Print error'),
-              subtitle: err,
+              subtitle: err.message || 'An error occurred while generating the SVG.',
             });
           });
       }
-    }, [svgDivRef]);
+    }, [setStickerSVGDataSource, svgDivRef]);
 
     const maxLabelsPerPage = numberOfLabelRowsPerPage * numberOfLabelColumnsPage;
     const pages: Array<typeof labels> = [];
@@ -215,7 +285,7 @@ const PrintMultipleStickersComponent = forwardRef<HTMLDivElement, PrintMultipleS
 
     return (
       <Stack gap={5}>
-        <div ref={svgDivRef}>
+        <div className={styles.svgContainer} ref={svgDivRef}>
           <PrintComponent patient={patient} />
         </div>
         <Grid className={styles.gridContainer}>
@@ -277,18 +347,18 @@ const PrintMultipleStickersComponent = forwardRef<HTMLDivElement, PrintMultipleS
           ) : null}
         </Grid>
         <div className={classNames(styles.previewContainer, !isPreviewVisible ? styles.hidePreviewContainer : '')}>
-          <div ref={divRef} className={styles.printRoot}>
+          <div ref={divRef} className={`${styles.printRoot} ${styles.svgContainer}`}>
             {pages.map((pageLabels, pageIndex) => (
-              <div key={pageIndex} className={pageIndex < pages.length - 1 ? styles.pageBreak : ''}>
-                <div className={styles.labelsContainer}>
-                  {pageLabels.map((_label, index) => (
-                    <div key={index} className={styles.printContainer}>
-                      <PrintSizeWrapper>
-                        <img id="svg-sample" src={svgDataSource} />
-                      </PrintSizeWrapper>
-                    </div>
-                  ))}
-                </div>
+              <div
+                id="print-wrapper"
+                key={pageIndex}
+                className={`${styles.labelsContainer} ${pageIndex < pages.length - 1 ? styles.pageBreak : ''}`}
+              >
+                {pageLabels.map((_label, index) => (
+                  <div id="print-content" key={index} className={styles.printContainer}>
+                    <img id="svg-sample" src={stickerSVGDataSource} />
+                  </div>
+                ))}
               </div>
             ))}
           </div>
diff --git a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.resource.ts b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.resource.ts
index f4faab69f0..bb6a78ef78 100644
--- a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.resource.ts
+++ b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.resource.ts
@@ -14,9 +14,9 @@ import {
 export const defaultBarcodeParams: Options = {
   width: 3,
   format: 'CODE39',
-  background: '#f4f4f4',
+  background: '#ffffff',
   displayValue: true,
-  renderer: 'img',
+  renderer: 'svg',
   font: 'IBM Plex Sans',
   textAlign: 'center',
   textPosition: 'bottom',
diff --git a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.scss b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.scss
index 50634690e5..e1e5631954 100644
--- a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.scss
+++ b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-identifier-sticker.scss
@@ -7,11 +7,17 @@
   padding: layout.$spacing-03 layout.$spacing-05;
 }
 
+.svgContainer {
+  background-color: white;
+}
+
 .gridContainer {
   padding-left: 0;
 }
 
 .gridHeaderContainer {
+  display: flex;
+  gap: 1rem;
   padding: 0;
   border-bottom: 1px solid $brand-01;
   margin-bottom: layout.$spacing-05;
@@ -94,9 +100,14 @@
 
 .implementationLogo {
   display: flex;
+  align-items: center;
   height: 100%;
 }
 
+.stickerBarcode svg {
+  max-width: 100%;
+}
+
 .previewContainer {
   max-height: layout.$spacing-13;
   overflow: scroll;
@@ -116,6 +127,14 @@
   display: none;
 }
 
+.stickerBarcodeContainer {
+  flex: 7;
+}
+
+.logoContainer {
+  flex: 3;
+}
+
 .printRoot {
   @media print {
     @page {
@@ -148,10 +167,25 @@
 
   .implementationLogo {
     display: flex;
+    align-items: center;
     height: 100%;
   }
 
+  .stickerBarcodeContainer {
+    flex: 7;
+  }
+
+  .logoContainer {
+    flex: 3;
+  }
+
+  .stickerBarcode svg {
+    max-width: 100%;
+  }
+
   .gridHeaderContainer {
+    display: flex;
+    gap: 1rem;
     padding: 0;
     border-bottom: 1px solid $brand-01;
     margin-bottom: layout.$spacing-05;
diff --git a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-size-wrapper.component.tsx b/packages/esm-patient-banner-app/src/print-identifier-sticker/print-size-wrapper.component.tsx
deleted file mode 100644
index 118ef236a9..0000000000
--- a/packages/esm-patient-banner-app/src/print-identifier-sticker/print-size-wrapper.component.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-
-const PrintSizeWrapper = ({ children }) => {
-  const wrapperRef = useRef(null);
-
-  useEffect(() => {
-    const mediaQueryList = window.matchMedia('print');
-
-    const handlePrintMedia = (mql) => {
-      if (!wrapperRef.current) return;
-
-      const style = document.createElement('style');
-      style.textContent = `
-        @page {
-          size: auto;
-          margin: 0mm;
-        }
-        
-        @media print {
-          .print-wrapper {
-            width: 100vw !important;
-            height: 100vh !important;
-            transform-origin: top left;
-            transform: scale(var(--print-scale));
-          }
-          
-          .print-content {
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            display: flex;
-            flex-direction: column;
-          }
-        }
-      `;
-      document.head.appendChild(style);
-
-      // Calculate scale on print
-      window.onbeforeprint = () => {
-        if (!wrapperRef.current) return;
-        const content = wrapperRef.current;
-        const contentWidth = content.scrollWidth;
-        const contentHeight = content.scrollHeight;
-
-        // Get actual page dimensions from CSS
-        const pageWidth = window.innerWidth;
-        const pageHeight = window.innerHeight;
-
-        // Calculate scale to fit
-        const scaleX = pageWidth / contentWidth;
-        const scaleY = pageHeight / contentHeight;
-        const scale = Math.min(scaleX, scaleY) * 0.95; // 95% to ensure margins
-
-        document.documentElement.style.setProperty('--print-scale', scale.toString());
-      };
-    };
-
-    mediaQueryList.addListener(handlePrintMedia);
-    handlePrintMedia(mediaQueryList);
-
-    return () => {
-      mediaQueryList.removeListener(handlePrintMedia);
-      window.onbeforeprint = null;
-    };
-  }, []);
-
-  return (
-    <div ref={wrapperRef} className="print-wrapper">
-      <div className="print-content">{children}</div>
-    </div>
-  );
-};
-
-export default PrintSizeWrapper;