diff --git a/src/frontend/components/interfaces/AddInterfacePage.vue b/src/frontend/components/interfaces/AddInterfacePage.vue
index 8ccf0be..4f7f884 100644
--- a/src/frontend/components/interfaces/AddInterfacePage.vue
+++ b/src/frontend/components/interfaces/AddInterfacePage.vue
@@ -708,7 +708,7 @@
                 <template v-slot:subtitle>Interface Access Code settings are used for creating private networks and can be configured on the interface level.</template>
                 <template v-slot:content>
                     <div class="p-2">
-                        <div class="grid grid-cols-3 gap-4">
+                        <div class="grid grid-cols-1 lg:grid-cols-3 gap-y-2 lg:gap-x-2">
                             <div>
                                 <label class="block text-sm font-medium text-gray-900 dark:text-zinc-100">Network Name</label>
                                 <input