From 625189077be534f746a721b6a35309aa338638c9 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Tue, 5 Aug 2025 00:25:41 +0200
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20=20refactor:=20component?=
 =?UTF-8?q?=20updated?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/label/VLabel.vue | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/components/label/VLabel.vue b/src/components/label/VLabel.vue
index e1b7975..d4a22ff 100644
--- a/src/components/label/VLabel.vue
+++ b/src/components/label/VLabel.vue
@@ -14,6 +14,7 @@ const props = withDefaults(defineProps<IVLabel>(), {
 <template>
   <label
     :for="props.for"
+    class="label-container"
     :class="[styles['text-body-MD-standard-text-Regular'], {
       'label': props.type === 'default',
       'success': props.type === 'success',
@@ -23,12 +24,14 @@ const props = withDefaults(defineProps<IVLabel>(), {
     :aria-label="props.label"
     :aria-disabled="props.disabled"
   >
+    <span>
     {{ props.label }}
-    <template v-if="props.required">
-      <span v-if="props.required" :class="{ 'required': !props.disabled}">
-        <slot name="required-tip">*</slot>
-      </span>
-    </template>
+      <template v-if="props.required">
+        <span v-if="props.required" :class="{ 'required': !props.disabled}">
+          <slot name="required-tip">*</slot>
+        </span>
+      </template>
+    </span>
     <VHint
       v-if="props.hint"
       :title="props.hint"
@@ -38,6 +41,18 @@ const props = withDefaults(defineProps<IVLabel>(), {
 </template>
 
 <style lang="css" scoped>
+*{
+  padding: 0px;
+  margin: 0px;
+}
+
+.label-container{
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  gap: 0.25rem;
+}
+
 .label {color: var(--text-label-grey);}
 .success {color: var(--text-default-success);}
 .error {color: var(--text-default-error);}