diff --git a/resources/js/components/SMForm.vue b/resources/js/components/SMForm.vue
index 5754fa3..739df22 100644
--- a/resources/js/components/SMForm.vue
+++ b/resources/js/components/SMForm.vue
@@ -33,4 +33,10 @@ const handleSubmit = function () {
 provide("form", props.modelValue);
 </script>
 
-<style lang="scss"></style>
+<style lang="scss">
+.sm-form-columns {
+    .sm-input-group {
+        margin-bottom: 0;
+    }
+}
+</style>
diff --git a/resources/js/views/dashboard/UserEdit.vue b/resources/js/views/dashboard/UserEdit.vue
index ba98058..b1178cd 100644
--- a/resources/js/views/dashboard/UserEdit.vue
+++ b/resources/js/views/dashboard/UserEdit.vue
@@ -1,31 +1,32 @@
 <template>
-    <SMPage>
-        <SMRow>
-            <SMDialog>
-                <SMHeading :heading="pageHeading" />
-                <SMForm :model-value="form" @submit="handleSubmit">
-                    <SMRow>
-                        <SMColumn><SMInput control="first_name" /></SMColumn>
-                        <SMColumn><SMInput control="last_name" /></SMColumn>
-                    </SMRow>
-                    <SMRow>
-                        <SMColumn><SMInput control="email" /></SMColumn>
-                        <SMColumn><SMInput control="phone" /></SMColumn>
-                    </SMRow>
-                    <SMRow>
-                        <SMFormFooter>
-                            <template #right>
-                                <SMButton
-                                    type="secondary"
-                                    label="Change Password"
-                                    @click.prevent="handleChangePassword" />
-                                <SMButton type="submit" label="Update" />
-                            </template>
-                        </SMFormFooter>
-                    </SMRow>
-                </SMForm>
-            </SMDialog>
-        </SMRow>
+    <SMPage class="sm-page-user-edit">
+        <template #container>
+            <SMHeading :heading="pageHeading" />
+            <SMForm
+                class="sm-form-columns"
+                :model-value="form"
+                @submit="handleSubmit">
+                <SMRow>
+                    <SMColumn><SMInput control="first_name" /></SMColumn>
+                    <SMColumn><SMInput control="last_name" /></SMColumn>
+                </SMRow>
+                <SMRow>
+                    <SMColumn><SMInput control="email" /></SMColumn>
+                    <SMColumn><SMInput control="phone" /></SMColumn>
+                </SMRow>
+                <SMRow>
+                    <SMFormFooter>
+                        <template #right>
+                            <SMButton
+                                type="secondary"
+                                label="Change Password"
+                                @click.prevent="handleChangePassword" />
+                            <SMButton type="submit" label="Update" />
+                        </template>
+                    </SMFormFooter>
+                </SMRow>
+            </SMForm>
+        </template>
     </SMPage>
 </template>
 
@@ -116,3 +117,9 @@ const pageHeading = computed(() => {
 
 loadData();
 </script>
+
+<style lang="scss">
+.sm-page-user-edit {
+    background-color: #f8f8f8;
+}
+</style>