diff --git a/packages/react-native/Libraries/LogBox/LogBoxNotificationContainer.js b/packages/react-native/Libraries/LogBox/LogBoxNotificationContainer.js
index 33593b2a2af2..1042525f9b39 100644
--- a/packages/react-native/Libraries/LogBox/LogBoxNotificationContainer.js
+++ b/packages/react-native/Libraries/LogBox/LogBoxNotificationContainer.js
@@ -111,15 +111,21 @@ export function LogBoxNotificationContainer(props: Props): React.Node {
 
 const styles = StyleSheet.create({
   list: {
+    alignItems: 'center',
     bottom: 20,
     left: 10,
     right: 10,
+    // The container spans the width of the screen, so it passes touches outside the toasts through to the app, such
+    // as to a tab bar beside them.
+    pointerEvents: 'box-none',
     position: 'absolute',
   },
   toast: {
-    borderRadius: 8,
+    borderRadius: 12,
     marginBottom: 5,
+    maxWidth: 600,
     overflow: 'hidden',
+    width: '100%',
   },
 });
 
diff --git a/packages/react-native/Libraries/LogBox/UI/LogBoxNotificationDismissButton.js b/packages/react-native/Libraries/LogBox/UI/LogBoxNotificationDismissButton.js
index cdcc0de1c6a4..224e8d337647 100644
--- a/packages/react-native/Libraries/LogBox/UI/LogBoxNotificationDismissButton.js
+++ b/packages/react-native/Libraries/LogBox/UI/LogBoxNotificationDismissButton.js
@@ -24,8 +24,8 @@ export default function LogBoxNotificationDismissButton(props: {
       <LogBoxButton
         id={props.id}
         backgroundColor={{
-          default: LogBoxStyle.getTextColor(0.3),
-          pressed: LogBoxStyle.getTextColor(0.5),
+          default: LogBoxStyle.getTextColor(0.15),
+          pressed: LogBoxStyle.getTextColor(0.3),
         }}
         hitSlop={{
           top: 12,
@@ -64,6 +64,6 @@ const styles = StyleSheet.create({
   image: {
     height: 8,
     width: 8,
-    tintColor: LogBoxStyle.getBackgroundColor(1),
+    tintColor: LogBoxStyle.getTextColor(0.8),
   },
 });
diff --git a/packages/react-native/Libraries/LogBox/__tests__/__snapshots__/LogBoxNotificationContainer-test.js.snap b/packages/react-native/Libraries/LogBox/__tests__/__snapshots__/LogBoxNotificationContainer-test.js.snap
index d341008aa058..6799302e9474 100644
--- a/packages/react-native/Libraries/LogBox/__tests__/__snapshots__/LogBoxNotificationContainer-test.js.snap
+++ b/packages/react-native/Libraries/LogBox/__tests__/__snapshots__/LogBoxNotificationContainer-test.js.snap
@@ -4,8 +4,10 @@ exports[`LogBoxNotificationContainer should render both an error and warning not
 <SafeAreaView
   style={
     Object {
+      "alignItems": "center",
       "bottom": 20,
       "left": 10,
+      "pointerEvents": "box-none",
       "position": "absolute",
       "right": 10,
     }
@@ -14,9 +16,11 @@ exports[`LogBoxNotificationContainer should render both an error and warning not
   <View
     style={
       Object {
-        "borderRadius": 8,
+        "borderRadius": 12,
         "marginBottom": 5,
+        "maxWidth": 600,
         "overflow": "hidden",
+        "width": "100%",
       }
     }
   >
@@ -59,9 +63,11 @@ exports[`LogBoxNotificationContainer should render both an error and warning not
   <View
     style={
       Object {
-        "borderRadius": 8,
+        "borderRadius": 12,
         "marginBottom": 5,
+        "maxWidth": 600,
         "overflow": "hidden",
+        "width": "100%",
       }
     }
   >
@@ -116,8 +122,10 @@ exports[`LogBoxNotificationContainer should render the latest error notification
 <SafeAreaView
   style={
     Object {
+      "alignItems": "center",
       "bottom": 20,
       "left": 10,
+      "pointerEvents": "box-none",
       "position": "absolute",
       "right": 10,
     }
@@ -126,9 +134,11 @@ exports[`LogBoxNotificationContainer should render the latest error notification
   <View
     style={
       Object {
-        "borderRadius": 8,
+        "borderRadius": 12,
         "marginBottom": 5,
+        "maxWidth": 600,
         "overflow": "hidden",
+        "width": "100%",
       }
     }
   >
@@ -175,8 +185,10 @@ exports[`LogBoxNotificationContainer should render the latest warning notificati
 <SafeAreaView
   style={
     Object {
+      "alignItems": "center",
       "bottom": 20,
       "left": 10,
+      "pointerEvents": "box-none",
       "position": "absolute",
       "right": 10,
     }
@@ -185,9 +197,11 @@ exports[`LogBoxNotificationContainer should render the latest warning notificati
   <View
     style={
       Object {
-        "borderRadius": 8,
+        "borderRadius": 12,
         "marginBottom": 5,
+        "maxWidth": 600,
         "overflow": "hidden",
+        "width": "100%",
       }
     }
   >