diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
index 7bb2300..4db67ec 100644
--- a/src/app/components/footer/footer.component.html
+++ b/src/app/components/footer/footer.component.html
@@ -28,7 +28,7 @@
       <div class="app-footer__group">
         <h4>{{ 'footer.payment' | translate }}</h4>
         <div class="app-footer__payments">
-          @for (icon of paymentIcons(); track icon.src) {
+          @for (icon of paymentIcons(); track $index) {
             <img [src]="icon.src" [alt]="icon.alt" loading="lazy" [width]="icon.width" [height]="icon.height" />
           }
         </div>
diff --git a/src/app/features/project-editor/sections/footer-section.component.ts b/src/app/features/project-editor/sections/footer-section.component.ts
index 1e356d5..de18716 100644
--- a/src/app/features/project-editor/sections/footer-section.component.ts
+++ b/src/app/features/project-editor/sections/footer-section.component.ts
@@ -46,10 +46,7 @@ export class ProjectEditorFooterSectionComponent {
 
   readonly createPaymentIconRow = (): FooterPaymentIconConfig => ({ src: '', alt: '' });
 
-  readonly createSocialLinkRow = (): FooterSocialLinkConfig => {
-    const index = (this.bootstrap()?.footer?.socialLinks?.length ?? 0) + 1;
-    return { id: `social-${index}`, label: '', url: '' };
-  };
+  readonly createSocialLinkRow = (): FooterSocialLinkConfig => ({ id: `social-${Date.now()}`, label: '', url: '' });
 
   updateCompanyName(value: string): void { this.facade.updateBootstrap(current => ({ ...current, company: { ...current.company, companyName: value } })); }
   updateAddress(value: string): void { this.facade.updateBootstrap(current => ({ ...current, company: { ...current.company, address: { ...current.company.address, street: value } } })); }