Fix FluentTester StrokeWidthTest page so strokeWidth 0.5 is visible (#3008)

* Fix StrokeWidthTest so strokeWidth05 is visible

* Change files

Author: lyzhan7

apps/fluent-tester/src/TestComponents/StrokeWidth/StrokeWidthTest.tsx

@@ -24,7 +24,6 @@ const getThemedStyles = themedStyleSheet((t: Theme) => {
       height: 100,
       backgroundColor: isLightMode ? globalTokens.color.grey80 : globalTokens.color.grey10,
       display: 'flex',
-      justifyContent: 'center',
       marginTop: 8,
     },
   };
@@ -41,10 +40,11 @@ const StrokeWidthTestComponent: React.FunctionComponent<StrokeWidthTestComponent
   const isLightMode = getCurrentAppearance(theme.host.appearance, 'light') === 'light';
   const exampleStrokeStyle = React.useMemo(
     () => ({
-      height: props.strokeWidth,
-      backgroundColor: isLightMode ? globalTokens.color.grey10 : globalTokens.color.grey80,
+      height: 50,
+      borderBottomWidth: props.strokeWidth,
+      borderColor: isLightMode ? globalTokens.color.grey10 : globalTokens.color.grey80,
     }),
-    [props.strokeWidth],
+    [props.strokeWidth, isLightMode],
   );
 
   return (

change/@fluentui-react-native-tester-42f4b333-bab0-4b27-bb87-292cc84fd321.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix StrokeWidthTest so strokeWidth05 is visible",
+  "packageName": "@fluentui-react-native/tester",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}