diff --git a/src/components/panels/Settings/WebcamPanel.vue b/src/components/panels/Settings/WebcamPanel.vue
index a166e566..b0639f3f 100644
--- a/src/components/panels/Settings/WebcamPanel.vue
+++ b/src/components/panels/Settings/WebcamPanel.vue
@@ -207,7 +207,7 @@ export default {
                 valid: false,
                 name: "",
                 icon: "mdi-webcam",
-                service: "mjpegstreamer-adaptiv",
+                service: "mjpegstreamer-adaptive",
                 targetFps: 15,
                 url: "/webcam/?action=stream",
                 flipX: false,
diff --git a/src/components/panels/WebcamPanel.vue b/src/components/panels/WebcamPanel.vue
index 41f63257..050b1053 100644
--- a/src/components/panels/WebcamPanel.vue
+++ b/src/components/panels/WebcamPanel.vue
@@ -10,7 +10,6 @@
             <v-toolbar-title>
                 <span class="subheading">
                     <v-icon left>mdi-webcam</v-icon> {{ $t('Panels.WebcamPanel.Webcam')}}
-                    <small v-if="'service' in this.currentCam && this.currentCam.service === 'mjpegstreamer-adaptive' &&  this.time">( {{ $t('Panels.WebcamPanel.FPS')}}: {{ currentFPS }})</small>
                 </span>
             </v-toolbar-title>
             <v-spacer></v-spacer>
@@ -34,7 +33,7 @@
         </v-toolbar>
         <v-card-text class="px-0 py-0 content">
             <v-row>
-                <v-col class="pb-0">
+                <v-col class="pb-0" style="position: relative;">
                     <template v-if="'service' in this.currentCam && this.currentCam.service === 'mjpegstreamer'">
                         <vue-load-image>
                             <img slot="image" :src="url" alt="Preview" :style="webcamStyle" class="webcamImage" @load="onLoad" />
@@ -45,6 +44,19 @@
                             </div>
                         </vue-load-image>
                     </template>
+                    <template v-else-if="'service' in this.currentCam && this.currentCam.service === 'mjpegstreamer-adaptive'">
+                        <img slot="image" :src="url" alt="Preview" :style="webcamStyle" class="webcamImage" @load="onLoad" />
+                        <span
+                            style="
+                                position:absolute;
+                                bottom: 6px;
+                                right: 12px;
+                                background: rgba(0,0,0,0.8);
+                                width: 75px;
+                                padding: 3px 10px;
+                                border-top-left-radius: 5px;
+                            ">{{ $t('Panels.WebcamPanel.FPS')}}: {{ currentFPS }}</span>
+                    </template>
                     <template v-else>
                         <img slot="image" :src="url" alt="Preview" :style="webcamStyle" class="webcamImage" @load="onLoad" />
                     </template>
@@ -55,7 +67,7 @@
 </template>
 
 <script>
-    import VueLoadImage from "vue-load-image";
+    import VueLoadImage from "vue-load-image"
 
     export default {
         components: {