diff --git a/tgui/docs/component-reference.md b/tgui/docs/component-reference.md
index 3e085d72084..dd57bf8047f 100644
--- a/tgui/docs/component-reference.md
+++ b/tgui/docs/component-reference.md
@@ -256,6 +256,7 @@ commit, while escape cancels.
 
 - See inherited props: [Box](#box)
 - `fluid`: fill available horizontal space
+- `disabled: boolean` - Disables and greys out the button.
 - `onCommit: (e, value) => void`: function that is called after the user
   defocuses the input or presses enter
 - `currentValue: string`: default string to display when the input is shown
diff --git a/tgui/packages/tgui/components/Button.tsx b/tgui/packages/tgui/components/Button.tsx
index 82493ce6edf..86e9e26cc48 100644
--- a/tgui/packages/tgui/components/Button.tsx
+++ b/tgui/packages/tgui/components/Button.tsx
@@ -315,10 +315,15 @@ const ButtonInput = (props: InputProps) => {
       className={classes([
         'Button',
         fluid && 'Button--fluid',
+        disabled && 'Button--disabled',
         'Button--color--' + color,
       ])}
       {...rest}
-      onClick={() => setInInput(true)}
+      onClick={() => {
+        if (!disabled) {
+          setInInput(true);
+        }
+      }}
     >
       {icon && <Icon name={icon} rotation={iconRotation} spin={iconSpin} />}
       <div>{toDisplay}</div>