From 8f5dbcee56a38d982952ace20ac6b8c649d52a86 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 26 Apr 2026 21:37:24 +0200
Subject: [PATCH] Task/optimize logo spacing in header (#6788)

* Optimize spacing

* Update changelog
---
 CHANGELOG.md                                               | 1 +
 .../client/src/app/components/header/header.component.html | 7 +++----
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8f1071e84..c4c16ad76 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- Optimized the spacing of the logo in the header
 - Fixed the _Storybook_ setup by resolving missing `@angular/material` styles
 
 ## 3.0.1 - 2026-04-26
diff --git a/apps/client/src/app/components/header/header.component.html b/apps/client/src/app/components/header/header.component.html
index 94421498c..ab5820e2d 100644
--- a/apps/client/src/app/components/header/header.component.html
+++ b/apps/client/src/app/components/header/header.component.html
@@ -2,13 +2,13 @@
   @if (user) {
     <div class="d-flex h-100 logo-container" [ngClass]="{ filled: hasTabs }">
       <a
-        class="align-items-center h-100 justify-content-start rounded-0"
+        class="align-items-center h-100 justify-content-start px-2 px-sm-3 rounded-0"
         mat-button
         [ngClass]="{ 'w-100': hasTabs }"
         [routerLink]="['/']"
         (click)="onLogoClick()"
       >
-        <gf-logo class="px-2" [label]="pageTitle" />
+        <gf-logo [label]="pageTitle" />
       </a>
     </div>
     <span class="gf-spacer"></span>
@@ -334,13 +334,12 @@
   @if (user === null) {
     <div class="d-flex h-100 logo-container" [ngClass]="{ filled: hasTabs }">
       <a
-        class="align-items-center h-100 justify-content-start rounded-0"
+        class="align-items-center h-100 justify-content-start px-2 px-sm-3 rounded-0"
         mat-button
         [ngClass]="{ 'w-100': hasTabs }"
         [routerLink]="['/']"
       >
         <gf-logo
-          class="px-2"
           [label]="pageTitle"
           [showLabel]="currentRoute !== 'register'"
         />