diff --git a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx
index c4e47a020..f282cf9db 100644
--- a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx
+++ b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx
@@ -63,10 +63,9 @@ export function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoPr
           )}
 
           <ExtensionSlot
+            className={styles.flexRow}
             name="patient-banner-tags-slot"
             state={{ patientUuid: patient.id, patient }}
-            className={styles.flexRow}
-            style={{ margin: '0 0.5rem' }}
           />
         </div>
       </div>
diff --git a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss
index 6c87f6c32..bf32c425c 100644
--- a/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss
+++ b/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.module.scss
@@ -66,6 +66,7 @@
   display: flex;
   flex-flow: row wrap;
   align-items: center;
+  margin: 0 layout.$spacing-03;
 }
 
 .identifiers {