Remove the ripple effect from these buttons so the test consistently passes.

Author: ocielliottc

web-ui/src/components/settings/types/boolean.jsx

@@ -26,6 +26,7 @@ const SettingsBoolean = ({ name, description, value, handleChange }) => {
       </label>
       {description && <p>{description}</p>}
       <Switch
+        disableRipple
         id={labelId}
         className="settings-control"
         type="checkbox"

web-ui/src/pages/SettingsPage.jsx

@@ -214,6 +214,7 @@ const SettingsPage = () => {
        selectHasAdministerSettingsPermission(state) &&
       <div className="buttons">
         <Button
+          disableRipple
           color="primary"
           onClick={save}>
           Save

web-ui/src/pages/__snapshots__/SettingsPage.test.jsx.snap

@@ -48,9 +48,6 @@ exports[`SettingsPage > renders correctly 1`] = `
           <span
             class="MuiSwitch-thumb css-jsexje-MuiSwitch-thumb"
           />
-          <span
-            class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-          />
         </span>
         <span
           class="MuiSwitch-track css-1yjjitx-MuiSwitch-track"
@@ -125,9 +122,6 @@ exports[`SettingsPage > renders correctly 1`] = `
         type="button"
       >
         Save
-        <span
-          class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-        />
       </button>
     </div>
   </div>