diff --git a/apple/Elements/RNSVGSvgView.mm b/apple/Elements/RNSVGSvgView.mm
index e6261f1fd..736121d70 100644
--- a/apple/Elements/RNSVGSvgView.mm
+++ b/apple/Elements/RNSVGSvgView.mm
@@ -32,6 +32,7 @@ @implementation RNSVGSvgView {
   NSMutableDictionary<NSString *, RNSVGFilter *> *_filters;
   CGAffineTransform _invViewBoxTransform;
   bool rendered;
+  CGRect _lastBounds;
 }
 
 #ifdef RCT_NEW_ARCH_ENABLED
@@ -283,6 +284,31 @@ - (void)setMeetOrSlice:(RNSVGVBMOS)meetOrSlice
   _meetOrSlice = meetOrSlice;
 }
 
+- (void)layoutSubviews
+{
+  [super layoutSubviews];
+
+  if (!CGRectEqualToRect(self.bounds, _lastBounds)) {
+    _lastBounds = self.bounds;
+    [self invalidateAllSVGNodes:self.subviews];
+    [self invalidate];
+    [self clearChildCache];
+  }
+}
+
+- (void)invalidateAllSVGNodes:(NSArray *)subviews
+{
+  for (__kindof RNSVGNode *node in subviews) {
+    if ([node isKindOfClass:[RNSVGNode class]]) {
+      [node invalidate];
+
+      if ([node respondsToSelector:@selector(subviews)] && [node subviews].count > 0) {
+        [self invalidateAllSVGNodes:[node subviews]];
+      }
+    }
+  }
+}
+
 - (void)drawToContext:(CGContextRef)context withRect:(CGRect)rect
 {
   rendered = true;
diff --git a/apps/common/test/Test2671.tsx b/apps/common/test/Test2671.tsx
new file mode 100644
index 000000000..1682706c2
--- /dev/null
+++ b/apps/common/test/Test2671.tsx
@@ -0,0 +1,108 @@
+import {useState} from 'react';
+import {View, Button, Text, Dimensions, StyleSheet} from 'react-native';
+import Svg, {Line, Rect} from 'react-native-svg';
+
+const initialWidth = 150;
+
+const deviceHeight = Dimensions.get('window').height;
+
+export default function Test2671() {
+  const [width, setWidth] = useState(initialWidth);
+
+  const lineContainerStyles = {
+    width,
+    paddingTop: 40,
+  };
+  return (
+    <View style={styles.container}>
+      <Button
+        title={'Change width to ' + width}
+        onPress={() =>
+          setWidth(prev =>
+            prev === initialWidth ? initialWidth * 2 : initialWidth,
+          )
+        }
+      />
+      {/* NOT WORKING EXAMPLE */}
+      <View style={lineContainerStyles}>
+        <Text>Not working</Text>
+        <Svg height={4} width="100%" style={styles.dashedLineContainer}>
+          <Line
+            x2="100%"
+            x1="0"
+            stroke="red"
+            strokeWidth={4}
+            strokeDasharray="5, 2"
+          />
+        </Svg>
+      </View>
+      {/* NOT WORKING EXAMPLE */}
+      <View style={lineContainerStyles}>
+        <Text>Not working</Text>
+        <Svg height={50} width="100%">
+          <Rect
+            x="0"
+            y="0"
+            width="100%"
+            height={50}
+            stroke="red"
+            strokeWidth="1"
+            fill="yellow"
+          />
+        </Svg>
+      </View>
+      {/*
+       * WORKING EXAMPLE
+       * Difference
+       * - Svg -> overflow: "hidden"
+       * - Line -> x2={deviceHeight} (before there was 100%)
+       */}
+      <View style={lineContainerStyles}>
+        <Text>Working</Text>
+        <Svg
+          height={4}
+          width="100%"
+          style={[
+            {
+              overflow: 'hidden',
+            },
+            styles.dashedLineContainer,
+          ]}>
+          <Line
+            x2={deviceHeight}
+            x1="0"
+            stroke="red"
+            strokeWidth={4}
+            strokeDasharray="5, 2"
+          />
+        </Svg>
+      </View>
+      {/* WORKING EXAMPLE - ?? */}
+      <View style={lineContainerStyles}>
+        <Text>Not working</Text>
+        <Svg height={50} width="100%">
+          <Rect
+            x="0"
+            y="0"
+            width={deviceHeight}
+            height={50}
+            stroke="red"
+            strokeWidth="1"
+            fill="yellow"
+          />
+        </Svg>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    paddingTop: 300,
+  },
+  dashedLineContainer: {
+    bottom: -2,
+    height: 4,
+    position: 'absolute',
+  },
+});
diff --git a/apps/common/test/index.tsx b/apps/common/test/index.tsx
index 381f2aaca..5fae1b08b 100644
--- a/apps/common/test/index.tsx
+++ b/apps/common/test/index.tsx
@@ -37,6 +37,7 @@ import Test2455 from './Test2455';
 import Test2471 from './Test2471';
 import Test2520 from './Test2520';
 import Test2670 from './Test2670';
+import Test2671 from './Test2671';
 
 export default function App() {
   return <ColorTest />;