diff --git a/src/core/components/DataTable/hide/HideOrShowAll.jsx b/src/core/components/DataTable/hide/HideOrShowAll.jsx
index 3c9131a..ee3a903 100644
--- a/src/core/components/DataTable/hide/HideOrShowAll.jsx
+++ b/src/core/components/DataTable/hide/HideOrShowAll.jsx
@@ -44,20 +44,20 @@ function HideOrShowAll({ hideData, setHideData }) {
     const allVisible = allValuesAre(hideData, true);
 
     return (
-        <Box sx={{ mx: 2, my: 1, display: "flex", justifyContent: "space-between" }}>
+        <Box sx={{ my: 1, display: "flex" }}>
             <Button
+                sx={{ flex: 1 }}
                 color="info"
                 disabled={allVisible}
-                variant="contained"
                 startIcon={<VisibilityIcon />}
                 onClick={handleShowAll}
             >
                 نمایش همه
             </Button>
             <Button
+                sx={{ flex: 1 }}
                 color="error"
                 disabled={allHidden}
-                variant="contained"
                 startIcon={<VisibilityOffIcon />}
                 onClick={handleHideAll}
             >