diff --git a/chameleon-client/src/views/CameraViewes/InputTab.vue b/chameleon-client/src/views/CameraViewes/InputTab.vue
index f844eb445..181b907bc 100644
--- a/chameleon-client/src/views/CameraViewes/InputTab.vue
+++ b/chameleon-client/src/views/CameraViewes/InputTab.vue
@@ -2,9 +2,12 @@
     <div>
         <CVslider name="Exposure" v-model="value.exposure" :min="0" :max="100" @input="handleData('exposure')"/>
         <CVslider name="Brightness" v-model="value.brightness" :min="0" :max="100" @input="handleData('brightness')"/>
+        <CVslider name="Gain" v-if="value.gain !== -1" v-model="value.gain" :min="0" :max="100"
+                  @input="handleData('gain')"/>
         <CVselect name="Orientation" v-model="value.rotationMode" :list="['Normal','90° CW','180°','90° CCW']"
                   @input="handleData('rotationMode')"/>
-        <CVselect name="Resolution" v-model="value.videoModeIndex" :list="resolutionList" @input="handleData('videoModeIndex')"/>
+        <CVselect name="Resolution" v-model="value.videoModeIndex" :list="resolutionList"
+                  @input="handleData('videoModeIndex')"/>
         <CVselect name="Stream Resolution" v-model="value.streamDivisor"
                   :list="streamResolutionList" @input="handleData('streamDivisor')"/>
     </div>
@@ -46,9 +49,9 @@
             streamResolutionList: {
                 get() {
                     let cam_res = this.$store.state.resolutionList[this.value.videoModeIndex];
-                    let tmp_list = [];                    
+                    let tmp_list = [];
                     tmp_list.push(`${Math.floor(cam_res['width'])} X ${Math.floor(cam_res['height'])}`);
-                    for (let x = 2; x <= 6; x+=2) {
+                    for (let x = 2; x <= 6; x += 2) {
                         tmp_list.push(`${Math.floor(cam_res['width'] / x)} X ${Math.floor(cam_res['height'] / x)}`);
                     }
                     return tmp_list;