diff --git a/package.json b/package.json
index 36314ab..3e4f7ba 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.7.30",
+  "version": "0.7.31",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/containers/Breakout/BreakoutModal.jsx b/src/containers/Breakout/BreakoutModal.jsx
index da586c9..fc09172 100644
--- a/src/containers/Breakout/BreakoutModal.jsx
+++ b/src/containers/Breakout/BreakoutModal.jsx
@@ -194,7 +194,7 @@ const BridgeView = ({
             />
 
             <Box display="flex" justifyContent="center" flexDirection="column" alignItems="center">
-                <Box width="100%" display="flex" justifyContent="row" justifyContent="space-between">
+                <Box width="100%" display="flex" flexDirection="row" justifyContent="space-between">
                     <Typography variant="body2">Gatekeeper</Typography>
                     <Link
                         fontSize="12px"
@@ -208,11 +208,11 @@ const BridgeView = ({
                         </Typography>
                     </Link>
                 </Box>
-                <Box width="100%" display="flex" justifyContent="row" justifyContent="space-between">
+                <Box width="100%" display="flex" flexDirection="row" justifyContent="space-between">
                     <Typography variant="body2">Bridge Fee</Typography>
                     <Typography variant="body2">{formatNumber(incomingFee, 4)}%</Typography>
                 </Box>
-                <Box width="100%" display="flex" justifyContent="row" justifyContent="space-between">
+                <Box width="100%" display="flex" flexDirection="row" justifyContent="space-between">
                     <Typography variant="body2">Est. Time</Typography>
                     <Typography variant="body2">20 mins</Typography>
                 </Box>