diff --git a/src/components/Recorders.vue b/src/components/Recorders.vue
index fcb7d35..c8a59bc 100644
--- a/src/components/Recorders.vue
+++ b/src/components/Recorders.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="container">
+    <b-form-group class="container">
         <section class="section">
 
 
@@ -223,6 +223,37 @@
                                     </div>
                                 </div>
 
+                                <div class="form-group row">
+                                    <label class="label col-sm-2 col-form-label">{{ $t('telnet_port') }}</label>
+                                    <div class="col-sm-6">
+                                        <input name="number"
+                                               v-model="form.telnet_port"
+                                               class="form-control" type="number" value="22"
+                                               placeholder="Telnet Port (23)">
+                                    </div>
+                                </div>
+
+                                <div class="form-group row">
+                                    <label class="label col-sm-2 col-form-label">{{ $t('ssh_port') }}</label>
+                                    <div class="col-sm-6">
+                                        <input name="number"
+                                               v-model="form.ssh_port"
+                                               class="form-control" type="number" value="23"
+                                               placeholder="SSH Port (22)">
+                                    </div>
+                                </div>
+
+                                <b-form-group label-cols-sm="4"
+                                     label-cols-lg="3"
+                                     description="Use telnet instead of ssh."
+                                     label-for="use_telnet_instead_ssh_input"
+                                     :label="$t('use_telnet_instead_ssh')">
+                                    <b-form-checkbox id="use_telnet_instead_ssh_input"
+                                                     v-model="form.use_telnet_instead_ssh" name="check-button" switch>
+                                        <b>(Telnet: {{ form.use_telnet_instead_ssh }})</b>
+                                    </b-form-checkbox>
+                                </b-form-group>
+
                                 <div class="form-group row">
                                     <label class="label col-sm-2 col-form-label">{{ $t('recorder_model') }}</label>
                                     <div class="col-sm-6">
@@ -499,6 +530,9 @@
                     name: '',
                     description: '',
                     ip: '',
+                    telnet_port: 23,
+                    ssh_port: 22,
+                    use_telnet_instead_ssh: false,
                     network_name: '',
                     recorder_model: null,
                     room: null,