Bug: Keyboard renders squashed

**Describe the bug**
I messed around with the options to customize the keyboard and it started rendering awkwardly. After resetting the shared preferences file it went back to normal.

**To Reproduce**
Steps to reproduce the behavior:

1. Use the following config:

```json
{"flutter.keyboard_state":"{\"layoutName\":\"Colemak-DH\",\"initialLayoutName\":null,\"keymapStyle\":\"Staggered\",\"showTopRow\":false,\"showGraveKey\":false,\"keySize\":60.0,\"keyBorderRadius\":14.0,\"keyBorderThickness\":0.0,\"keyPadding\":3.5,\"spaceWidth\":458.0,\"splitWidth\":200.0,\"lastRowSplitWidth\":90.0,\"keyShadowBlurRadius\":0.0,\"keyShadowOffsetX\":2.0,\"keyShadowOffsetY\":2.0,\"fontFamily\":\"DM Mono\",\"initialFontFamily\":null,\"fontWeightIndex\":4,\"keyFontSize\":22.0,\"spaceFontSize\":21.0,\"markerOffset\":10.0,\"markerWidth\":10.0,\"markerHeight\":2.5,\"markerBorderRadius\":3.0,\"keyColorPressed\":4289232891,\"keyColorNotPressed\":4279244061,\"markerColor\":4279244061,\"markerColorNotPressed\":4294638590,\"keyTextColor\":4279244061,\"keyTextColorNotPressed\":4294638590,\"keyBorderColorPressed\":4278190080,\"keyBorderColorNotPressed\":4294967295,\"animationEnabled\":true,\"animationStyle\":\"Raise\",\"animationDuration\":80.0,\"animationScale\":2.0,\"learningModeEnabled\":false,\"pinkyLeftColor\":4293735237,\"ringLeftColor\":4294616861,\"middleLeftColor\":4285579899,\"indexLeftColor\":4278235115,\"indexRightColor\":4284057023,\"middleRightColor\":4288141045,\"ringRightColor\":4294961312,\"pinkyRightColor\":4290633919,\"customShiftMappings\":{},\"kanataEnabled\":false,\"showAltLayout\":false,\"customAliases\":null}","flutter.preferences_state":"{\"launchAtStartup\":false,\"hideAtStartup\":false,\"autoHideEnabled\":false,\"reactiveShiftEnabled\":true,\"autoHideDuration\":3.0,\"opacity\":0.95,\"initialKeyboardLayoutName\":null,\"defaultUserLayoutName\":null,\"altLayoutName\":null,\"useUserLayout\":false,\"showAltLayout\":false,\"use6ColLayout\":false,\"customFontEnabled\":false,\"customFont\":null,\"advancedSettingsEnabled\":false,\"kanataEnabled\":false,\"kanataHost\":null,\"kanataPort\":null,\"keyboardFollowsMouse\":false,\"hideOnDefaultLayer\":false}","flutter.app_state":"{\"hotKeysEnabled\":false,\"visibilityHotKey\":{\"identifier\":\"106e450a-c561-4ffd-8538-db91926395f2\",\"key\":{\"usageCode\":458772},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"autoHideHotKey\":{\"identifier\":\"1cc90fb6-506a-43cc-9097-0311ccb76830\",\"key\":{\"usageCode\":458778},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"toggleMoveHotKey\":{\"identifier\":\"4ad78353-0277-473e-a4a8-58135380d2ef\",\"key\":{\"usageCode\":458760},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"preferencesHotKey\":{\"identifier\":\"5f99ced2-0eb5-45f5-a329-c8511cdfc9ae\",\"key\":{\"usageCode\":458773},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"increaseOpacityHotKey\":{\"identifier\":\"33304d31-d8e3-4f99-b5e0-91b8b4350dc3\",\"key\":{\"usageCode\":458834},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"decreaseOpacityHotKey\":{\"identifier\":\"b37775eb-b36c-4f5c-9878-e8422b7bb8ee\",\"key\":{\"usageCode\":458833},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"enableVisibilityHotKey\":true,\"enableAutoHideHotKey\":true,\"enableToggleMoveHotKey\":true,\"enablePreferencesHotKey\":true,\"enableIncreaseOpacityHotKey\":true,\"enableDecreaseOpacityHotKey\":true}"}
```

**Expected behavior**
Keyboard customizes correctly (it kind of does).

**Screenshots**

**Desktop (please complete the following information):**

- Version 0.3.3
- Windows 11

**Additional context**
**I suspect that the culprit is the spacebar length.**