diff --git a/CHANGELOG.md b/CHANGELOG.md
index 90d7f1ddd..1cccc98a7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,8 @@
 ### Fixed
 - Reduce complex coupling between event handlers in EditInputGroup.vue
   [#901](https://github.com/nextcloud/cookbook/pull/901) @MarcelRobitaille
+- Fix bug in NC Vue config that switches input fields to be not full width on mobile
+  [#910](https://github.com/nextcloud/cookbook/pull/910) @MarcelRobitaille
 
 ### Documentation
 - Introduction about how to start coding
diff --git a/src/components/EditInputField.vue b/src/components/EditInputField.vue
index 3255e9590..6a5c40e69 100644
--- a/src/components/EditInputField.vue
+++ b/src/components/EditInputField.vue
@@ -206,6 +206,7 @@ fieldset > label {
 
 fieldset > input,
 fieldset > textarea {
+    width: revert;
     flex: 1;
 }
 
@@ -225,4 +226,24 @@ fieldset > .editor {
     border-radius: 2px;
     resize: vertical;
 }
+
+/*
+Hack to overwrite the heavy-handed global unscoped styles of Nextcloud core
+that cause our markdown editor CodeMirror to behave strangely on mobile
+See: https://github.com/nextcloud/cookbook/issues/908
+
+Use /deep/ because >>> did not work for some reason
+*/
+.editor /deep/ div[contenteditable="true"] {
+    width: revert;
+    min-height: revert;
+    padding: revert;
+    border: revert;
+    margin: revert;
+    background-color: revert;
+    border-radius: revert;
+    color: revert;
+    font-size: revert;
+    outline: revert;
+}
 </style>