diff --git a/resources/views/esign/fields.blade.php b/resources/views/esign/fields.blade.php
index 0bd3607c..2d7ee12e 100644
--- a/resources/views/esign/fields.blade.php
+++ b/resources/views/esign/fields.blade.php
@@ -263,7 +263,7 @@ className={`w-full relative rounded border-2 transition-all ${p === currentPage
                  touchAction: 'none',
                  boxShadow: resizeMode ? `0 0 0 2px ${color}, 0 2px 12px rgba(0,0,0,0.2)` : (selected ? `0 0 0 1px ${color}, 0 2px 8px rgba(0,0,0,0.15)` : 'none'),
              }}
-             className="flex items-center justify-center select-none group transition-shadow">
+             className={`flex items-center select-none group transition-shadow ${{'L':'justify-start','C':'justify-center','R':'justify-end'}[field.text_align] || 'justify-start'}`}>
             <div className="flex items-center gap-0.5 text-[10px] font-medium truncate px-1" style={{ color }}>
                 <span>{typeInfo.icon}</span>
                 <span className="truncate">{field.field_variable ? (field.field_value || `{{${field.field_variable}}}`) : (field.field_label || signerName)}</span>
diff --git a/resources/views/esign/template-fields.blade.php b/resources/views/esign/template-fields.blade.php
index f8d94efe..03a7dcaa 100644
--- a/resources/views/esign/template-fields.blade.php
+++ b/resources/views/esign/template-fields.blade.php
@@ -237,7 +237,7 @@ className={`w-full relative rounded border-2 transition-all ${p === currentPage
                  touchAction: 'none',
                  boxShadow: resizeMode ? `0 0 0 2px ${color}, 0 2px 12px rgba(0,0,0,0.2)` : (selected ? `0 0 0 1px ${color}, 0 2px 8px rgba(0,0,0,0.15)` : 'none'),
              }}
-             className="flex items-center justify-center select-none group transition-shadow">
+             className={`flex items-center select-none group transition-shadow ${{'L':'justify-start','C':'justify-center','R':'justify-end'}[field.text_align] || 'justify-start'}`}>
             <div className="flex items-center gap-0.5 text-[10px] font-medium truncate px-1" style={{ color }}>
                 <span>{typeInfo.icon}</span>
                 <span className="truncate">{field.field_variable ? `{{${field.field_variable}}}` : (field.field_label || signerName)}</span>