diff --git a/packages/ui/src/EmailInput.ts b/packages/ui/src/EmailInput.ts
index db7ccbe8..f5895fbe 100644
--- a/packages/ui/src/EmailInput.ts
+++ b/packages/ui/src/EmailInput.ts
@@ -140,6 +140,12 @@ export class EmailInput extends Widget {
     }
 
     protected _renderSelf(screen: Screen): void {
+        // Apply glow effect on focus by changing border style
+        if (this.isFocused) {
+            this._style.border = 'single';
+        } else {
+            
+        }
         const rect = this._getContentRect();
         const { x, y, width, height } = rect;
         if (width <= 0 || height <= 0) return;
diff --git a/packages/ui/src/PasswordInput.ts b/packages/ui/src/PasswordInput.ts
index 67d63cde..9ad8eec6 100644
--- a/packages/ui/src/PasswordInput.ts
+++ b/packages/ui/src/PasswordInput.ts
@@ -267,6 +267,12 @@ export class PasswordInput extends Widget {
     }
 
     protected _renderSelf(screen: Screen): void {
+        // Apply glow effect on focus by changing border style
+        if (this.isFocused) {
+            this._style.border = 'single';
+        } else {
+            
+        }
         const rect = this._getContentRect();
         const { x, y, width, height } = rect;
         if (width <= 0 || height <= 0) return;
diff --git a/packages/ui/src/PathInput.ts b/packages/ui/src/PathInput.ts
index 3b403d7e..f1c825d2 100644
--- a/packages/ui/src/PathInput.ts
+++ b/packages/ui/src/PathInput.ts
@@ -209,6 +209,12 @@ export class PathInput extends Widget {
     }
 
     protected _renderSelf(screen: Screen): void {
+        // Apply glow effect on focus by changing border style
+        if (this.isFocused) {
+            this._style.border = 'single';
+        } else {
+            
+        }
         const rect = this._getContentRect();
         const { x, y, width, height } = rect;
         if (width <= 0 || height <= 0) return;
diff --git a/packages/ui/src/SearchInput.ts b/packages/ui/src/SearchInput.ts
index b1604012..fc03c73c 100644
--- a/packages/ui/src/SearchInput.ts
+++ b/packages/ui/src/SearchInput.ts
@@ -107,6 +107,12 @@ export class SearchInput extends Widget {
     }
 
     protected _renderSelf(screen: Screen): void {
+        // Apply glow effect on focus by changing border style
+        if (this.isFocused) {
+            this._style.border = 'single';
+        } else {
+            
+        }
         const rect = this._getContentRect();
         const { x, y, width, height } = rect;
         if (width <= 0 || height <= 0) return;
diff --git a/packages/ui/src/TextArea.ts b/packages/ui/src/TextArea.ts
index a0ecea3c..bfabd1e6 100644
--- a/packages/ui/src/TextArea.ts
+++ b/packages/ui/src/TextArea.ts
@@ -158,6 +158,12 @@ export class TextArea extends Widget {
     }
 
     protected _renderSelf(screen: Screen): void {
+        // Apply glow effect on focus by changing border style
+        if (this.isFocused) {
+            this._style.border = 'single';
+        } else {
+            
+        }
         const rect = this._getContentRect();
         const { x, y, width, height } = rect;
         if (width <= 0 || height <= 0) return;