Removed box shadow and fixed button width (#491)

Client/src/Components/Button/index.jsx

@@ -60,10 +60,15 @@ const Button = ({ id, type, level, label, disabled, img, onClick, sx }) => {
       onClick={onClick}
       disableRipple
       sx={{
+        boxShadow: "none",
         textTransform: "none",
         "&:focus": {
           outline: "none",
         },
+        "&:hover": {
+          boxShadow: "none",
+          transition: "none"
+        },
         ...sx,
       }}
     >

Client/src/Components/ButtonSpinner/index.jsx

@@ -72,10 +72,15 @@ const ButtonSpinner = ({
       loading={isLoading}
       disableRipple
       sx={{
+        boxShadow: "none",
         textTransform: "none",
         "&:focus": {
           outline: "none",
         },
+        "&:hover": {
+          boxShadow: "none",
+          transition: "none"
+        },
         ...sx,
       }}
     >

Client/src/Pages/Monitors/Configure/index.jsx

@@ -268,7 +268,14 @@ const Configure = () => {
           </Stack>
         </Stack>
         <Stack direction="row" justifyContent="flex-end">
-          <Button level="primary" label="Save" sx={{ px: theme.gap.ml }} />
+          <Button
+            type="submit"
+            level="primary"
+            label="Save"
+            sx={{
+              minWidth: "80px",
+            }}
+          />
         </Stack>
       </form>
     </Box>