diff --git a/src/client/page/difference.tsx b/src/client/page/difference.tsx
index f1e37c5..ed4570d 100644
--- a/src/client/page/difference.tsx
+++ b/src/client/page/difference.tsx
@@ -44,15 +44,15 @@ function TypeDifference(prop:{
                     }}>Commit all</Button>
                     </Box>
                         {x.value.map(y=>(
-                            <Box /*className={classes.commitable}*/ key={y.path}>
-                            <Button variant="contained" onClick={()=>{
-                                set_disable(true);
-                                prop.onCommit(y);
-                                set_disable(false);
-                                }}
-                                disabled={button_disable}>Commit</Button>
-                            <Typography variant='h5'>{y.path}</Typography>
-                    </Box>
+                            <Box sx={{display:"flex"}} key={y.path}>
+                                <Button variant="contained" onClick={()=>{
+                                    set_disable(true);
+                                    prop.onCommit(y);
+                                    set_disable(false);
+                                    }}
+                                    disabled={button_disable}>Commit</Button>
+                                <Typography variant='h5'>{y.path}</Typography>
+                            </Box>
                             ))}
                 </Paper>);
 }