Apply suggestions from code review

Co-authored-by: Ruth Cheesley <[email protected]>

Author: andersonjeccel

docs/design/disabling_elements.rst

@@ -1,7 +1,7 @@
 Disabling interface elements
 =======================================
 
-Disabling interface elements is a crucial aspect of user interface design, providing visual feedback and preventing user interaction when certain actions are not allowed.
+The state of interface elements is a crucial aspect of user interface design, providing visual feedback and preventing interaction when certain actions aren't allowed.
 
 Disabling tabs
 --------------
@@ -25,7 +25,7 @@ This CSS accomplishes the following:
 * Sets the cursor to ``not-allowed`` for disabled tabs, indicating that interaction is prohibited.
 * Changes the text color to a predefined disabled state color.
 * Modifies the background color of the tab to visually represent its disabled state.
-* Disables click events on the tab using ``pointer-events: none``.
+* Prevent click events on the tab using ``pointer-events: none``.
 
 To dynamically disable tabs, we use JavaScript to add or remove the ``disabled`` class. Here's an example function:
 
@@ -43,7 +43,7 @@ To dynamically disable tabs, we use JavaScript to add or remove the ``disabled``
 
 This function:
 
-* Checks the state of a checkbox (``#role_isAdmin_0``).
+* Checks the state of a checkbox - ``#role_isAdmin_0``.
 * Adds or removes the ``disabled`` class from the permissions tab based on the checkbox state.
 
 To implement disabled states for tabs: