diff --git a/client/modules/IDE/components/Preferences/index.jsx b/client/modules/IDE/components/Preferences/index.jsx
index bc5d353e85..3a21cca8d0 100644
--- a/client/modules/IDE/components/Preferences/index.jsx
+++ b/client/modules/IDE/components/Preferences/index.jsx
@@ -249,6 +249,13 @@ export default function Preferences() {
                 onClick={() => {
                   fontSizeInputRef.current?.select();
                 }}
+                onKeyDown={(event) => {
+                  if (event.key === 'ArrowUp') {
+                    increaseFontSize();
+                  } else if (event.key === 'ArrowDown') {
+                    decreaseFontSize();
+                  }
+                }}
               />
             </form>
             <button