diff --git a/src/components/ui/VnRow.vue b/src/components/ui/VnRow.vue
index e13730e62..f2d2b55de 100644
--- a/src/components/ui/VnRow.vue
+++ b/src/components/ui/VnRow.vue
@@ -1,16 +1,18 @@
 <template>
-    <div id="row" class="q-gutter-md">
+    <div id="row" class="q-gutter-md q-mb-md">
         <slot></slot>
     </div>
 </template>
 <style lang="scss" scopped>
 #row {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
+    display: flex;
+    > * {
+        flex: 1;
+    }
 }
 @media screen and (max-width: 800px) {
     #row {
-        grid-template-columns: 1fr;
+        flex-direction: column;
     }
 }
 </style>
diff --git a/src/pages/Entry/Card/EntryNotes.vue b/src/pages/Entry/Card/EntryNotes.vue
index 0d2e5e51a..02a0c020a 100644
--- a/src/pages/Entry/Card/EntryNotes.vue
+++ b/src/pages/Entry/Card/EntryNotes.vue
@@ -50,25 +50,23 @@ onMounted(() => {
                     :key="index"
                     class="row q-gutter-md q-mb-md"
                 >
-                    <div class="col-3">
-                        <VnSelectFilter
-                            :label="t('entry.notes.observationType')"
-                            v-model="row.observationTypeFk"
-                            :options="entryObservationsOptions"
-                            :disable="!!row.id"
-                            option-label="description"
-                            option-value="id"
-                            hide-selected
-                        />
-                    </div>
-                    <div class="col">
-                        <VnInput
-                            :label="t('globals.description')"
-                            v-model="row.description"
-                            :rules="validate('EntryObservation.description')"
-                        />
-                    </div>
-                    <div class="col-1 row justify-center items-center">
+                    <VnSelectFilter
+                        :label="t('entry.notes.observationType')"
+                        v-model="row.observationTypeFk"
+                        :options="entryObservationsOptions"
+                        :disable="!!row.id"
+                        option-label="description"
+                        option-value="id"
+                        hide-selected
+                    />
+
+                    <VnInput
+                        :label="t('globals.description')"
+                        v-model="row.description"
+                        :rules="validate('EntryObservation.description')"
+                    />
+
+                    <div class="row justify-center items-center">
                         <QIcon
                             name="delete"
                             size="sm"
@@ -82,19 +80,17 @@ onMounted(() => {
                         </QIcon>
                     </div>
                 </VnRow>
-                <VnRow>
-                    <QIcon
-                        name="add"
-                        size="sm"
-                        class="cursor-pointer"
-                        color="primary"
-                        @click="entryObservationsRef.insert()"
-                    >
-                        <QTooltip>
-                            {{ t('Add note') }}
-                        </QTooltip>
-                    </QIcon>
-                </VnRow>
+                <QIcon
+                    name="add"
+                    size="sm"
+                    class="cursor-pointer"
+                    color="primary"
+                    @click="entryObservationsRef.insert()"
+                >
+                    <QTooltip>
+                        {{ t('Add note') }}
+                    </QTooltip>
+                </QIcon>
             </QCard>
         </template>
     </CrudModel>