From 7e0ead1904e3c4472d41f84c4f41c1c0d7fd181f Mon Sep 17 00:00:00 2001
From: Lars Rickert <lars.rickert@mail.schwarz>
Date: Wed, 13 Nov 2024 12:01:56 +0100
Subject: [PATCH] docs(variables): fix card alignment

---
 apps/docs/src/.vitepress/components/DesignVariableCard.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/docs/src/.vitepress/components/DesignVariableCard.vue b/apps/docs/src/.vitepress/components/DesignVariableCard.vue
index 8a907ccf8..adb09ff2f 100644
--- a/apps/docs/src/.vitepress/components/DesignVariableCard.vue
+++ b/apps/docs/src/.vitepress/components/DesignVariableCard.vue
@@ -41,7 +41,7 @@ const handleCopy = async () => {
 
 <template>
   <div ref="wrapperRef" class="card vp-raw" :class="{ 'card--wide': props.wideName }">
-    <div>
+    <div class="card__wrapper">
       <div class="card__name">
         <slot name="name">
           <DesignVariable :name="props.name" :is-copied="isCopied" allow-copy @copy="handleCopy" />
@@ -76,6 +76,11 @@ const handleCopy = async () => {
     grid-template-columns: 1fr 1fr;
   }
 
+  &__wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+
   &__name {
     display: flex;
     flex-direction: column;