diff --git a/examples/screenshots/webgpu_lines_fat.jpg b/examples/screenshots/webgpu_lines_fat.jpg
index c71027ecb8fbb4..acf641594e5489 100644
Binary files a/examples/screenshots/webgpu_lines_fat.jpg and b/examples/screenshots/webgpu_lines_fat.jpg differ
diff --git a/examples/webgpu_lines_fat.html b/examples/webgpu_lines_fat.html
index b58b308eea5b82..918b285a0b6d2a 100644
--- a/examples/webgpu_lines_fat.html
+++ b/examples/webgpu_lines_fat.html
@@ -27,7 +27,7 @@
 		<script type="module">
 
 			import * as THREE from 'three';
-			import { color } from 'three/tsl';
+			import { color, float, uniform } from 'three/tsl';
 
 			import Stats from 'three/addons/libs/stats.module.js';
 
@@ -111,9 +111,12 @@
 					vertexColors: true,
 					dashed: false,
 					alphaToCoverage: true,
+					transparent: true
 
 				} );
 
+				matLine.opacityNode = uniform( float( 1 ) );
+
 				line = new Line2( geometry, matLine );
 				line.computeLineDistances();
 				line.scale.set( 1, 1, 1 );
@@ -213,7 +216,8 @@
 					'dashed': false,
 					'dash offset': 0,
 					'dash scale': 1,
-					'dash / gap': 1
+					'dash / gap': 1,
+					'alpha': 1
 				};
 
 				gui.add( param, 'line type', { 'LineGeometry': 0, '"line-strip"': 1 } ).onChange( function ( val ) {
@@ -245,7 +249,7 @@
 
 				} );
 
-				gui.add( param, 'width', 1, 10 ).onChange( function ( val ) {
+				gui.add( param, 'width', 1, 50 ).onChange( function ( val ) {
 
 					matLine.linewidth = val;
 
@@ -313,6 +317,12 @@
 
 				} );
 
+				gui.add( param, 'alpha', 0, 1 ).onChange( function ( val ) {
+
+					matLine.opacityNode.value = val;
+
+				} );
+
 			}
 
 		</script>
diff --git a/src/materials/nodes/Line2NodeMaterial.js b/src/materials/nodes/Line2NodeMaterial.js
index 015fc3f3453552..4918bf36651fd3 100644
--- a/src/materials/nodes/Line2NodeMaterial.js
+++ b/src/materials/nodes/Line2NodeMaterial.js
@@ -286,7 +286,7 @@ class Line2NodeMaterial extends NodeMaterial {
 
 			}
 
-			const alpha = float( 1 ).toVar( 'alpha' );
+			const alpha = float( this.opacityNode ? this.opacityNode : 1 ).toVar( 'alpha' );
 
 			if ( useWorldUnits ) {
 
@@ -309,7 +309,7 @@ class Line2NodeMaterial extends NodeMaterial {
 					if ( useAlphaToCoverage && renderer.samples > 1 ) {
 
 						const dnorm = norm.fwidth();
-						alpha.assign( smoothstep( dnorm.negate().add( 0.5 ), dnorm.add( 0.5 ), norm ).oneMinus() );
+						alpha.mulAssign( smoothstep( dnorm.negate().add( 0.5 ), dnorm.add( 0.5 ), norm ).oneMinus() );
 
 					} else {
 
@@ -334,7 +334,7 @@ class Line2NodeMaterial extends NodeMaterial {
 
 					If( vUv.y.abs().greaterThan( 1.0 ), () => {
 
-						alpha.assign( smoothstep( dlen.oneMinus(), dlen.add( 1 ), len2 ).oneMinus() );
+						alpha.mulAssign( smoothstep( dlen.oneMinus(), dlen.add( 1 ), len2 ).oneMinus() );
 
 					} );