From 81ded53363d890bd0e47e3fdd5b09e73141bf7ed Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 4 Nov 2023 10:17:35 +0100
Subject: [PATCH] Center membership card (#2582)

---
 .../user-account-membership/user-account-membership.html   | 7 +++----
 .../user-account-membership/user-account-membership.scss   | 1 +
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/client/src/app/components/user-account-membership/user-account-membership.html b/apps/client/src/app/components/user-account-membership/user-account-membership.html
index 4031ce9a0..f2ead8c9e 100644
--- a/apps/client/src/app/components/user-account-membership/user-account-membership.html
+++ b/apps/client/src/app/components/user-account-membership/user-account-membership.html
@@ -1,6 +1,5 @@
-<div class="container">
-  <h1 class="d-none d-sm-block h3 mb-3 text-center" i18n>Membership</h1>
-  <div class="row">
+<div class="align-items-center container d-flex h-100 justify-content-center">
+  <div class="row w-100">
     <div class="col">
       <div class="align-items-center d-flex flex-column">
         <gf-membership-card
@@ -34,7 +33,7 @@
               >&nbsp;<span i18n>per year</span>
             </div>
           </ng-container>
-          <div class="align-items-center d-flex justfiy-content-center mt-4">
+          <div class="align-items-center d-flex justify-content-center mt-4">
             <a
               *ngIf="!user?.subscription?.expiresAt"
               class="mx-1"
diff --git a/apps/client/src/app/components/user-account-membership/user-account-membership.scss b/apps/client/src/app/components/user-account-membership/user-account-membership.scss
index 39eb6792e..bb296c89b 100644
--- a/apps/client/src/app/components/user-account-membership/user-account-membership.scss
+++ b/apps/client/src/app/components/user-account-membership/user-account-membership.scss
@@ -1,6 +1,7 @@
 :host {
   color: rgb(var(--dark-primary-text));
   display: block;
+  height: 100%;
 }
 
 :host-context(.is-dark-theme) {