diff --git a/client/pages/config/index.vue b/client/pages/config/index.vue
index e354edba..c50a5fe3 100644
--- a/client/pages/config/index.vue
+++ b/client/pages/config/index.vue
@@ -68,16 +68,19 @@
             </ui-tooltip>
           </div>
 
-          <div class="flex items-end py-2">
+          <div class="flex-grow py-2">
             <ui-dropdown :label="$strings.LabelSettingsDateFormat" v-model="newServerSettings.dateFormat" :items="dateFormats" small class="max-w-52" @input="(val) => updateSettingsKey('dateFormat', val)" />
-            <span class="ml-2 text-yellow-400">{{ dateExample }}</span>
+            <p class="text-xs ml-1 text-warning text-opacity-60">{{ $strings.LabelExample }}: {{ dateExample }}</p>
+            <p class="text-xs ml-1 text-white text-opacity-60">{{ $strings.LabelCurrently }} {{ currentlyDate }}</p>
           </div>
 
-          <div class="flex items-end py-2">
+          <div class="flex-grow py-2">
             <ui-dropdown :label="$strings.LabelSettingsTimeFormat" v-model="newServerSettings.timeFormat" :items="timeFormats" small class="max-w-52" @input="(val) => updateSettingsKey('timeFormat', val)" />
-            <span class="ml-2 text-yellow-400">{{ timeExample }}</span>
+            <p class="text-xs ml-1 text-warning text-opacity-60">{{ $strings.LabelExample }}: {{ timeExample }}</p>
+            <p class="text-xs ml-1 text-white text-opacity-60">{{ $strings.LabelCurrently }} {{ currentlyTime }}</p>
           </div>
 
+
           <div class="py-2">
             <ui-dropdown :label="$strings.LabelLanguageDefaultServer" ref="langDropdown" v-model="newServerSettings.language" :items="$languageCodeOptions" small class="max-w-52" @input="updateServerLanguage" />
           </div>
@@ -303,6 +306,12 @@ export default {
     timeFormats() {
       return this.$store.state.globals.timeFormats
     },
+    currentlyDate() {
+      return this.$formatJsDate(new Date(), this.newServerSettings.dateFormat)
+    },
+    currentlyTime() {
+      return this.$formatJsTime(new Date(), this.newServerSettings.timeFormat)
+    },
     dateExample() {
       const date = new Date(2014, 2, 25);
       return this.$formatJsDate(date, this.newServerSettings.dateFormat)
diff --git a/client/strings/de.json b/client/strings/de.json
index d46fb3fb..5bef86db 100644
--- a/client/strings/de.json
+++ b/client/strings/de.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "Episode",
   "LabelEpisodeTitle": "Episodentitel",
   "LabelEpisodeType": "Episodentyp",
+  "LabelExample": "Example",
   "LabelExplicit": "Explizit (Altersbeschränkung)",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "Datei",
diff --git a/client/strings/en-us.json b/client/strings/en-us.json
index b658c52f..be811bcb 100644
--- a/client/strings/en-us.json
+++ b/client/strings/en-us.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "Episode",
   "LabelEpisodeTitle": "Episode Title",
   "LabelEpisodeType": "Episode Type",
+  "LabelExample": "Example",
   "LabelExplicit": "Explicit",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "File",
diff --git a/client/strings/es.json b/client/strings/es.json
index b658c52f..be811bcb 100644
--- a/client/strings/es.json
+++ b/client/strings/es.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "Episode",
   "LabelEpisodeTitle": "Episode Title",
   "LabelEpisodeType": "Episode Type",
+  "LabelExample": "Example",
   "LabelExplicit": "Explicit",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "File",
diff --git a/client/strings/fr.json b/client/strings/fr.json
index c67579eb..7e728e9a 100644
--- a/client/strings/fr.json
+++ b/client/strings/fr.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "Épisode",
   "LabelEpisodeTitle": "Titre de l'épisode",
   "LabelEpisodeType": "Type de l'épisode",
+  "LabelExample": "Example",
   "LabelExplicit": "Restriction",
   "LabelFeedURL": "URL deu flux",
   "LabelFile": "Fichier",
diff --git a/client/strings/hr.json b/client/strings/hr.json
index 7f2eea9e..cf787aed 100644
--- a/client/strings/hr.json
+++ b/client/strings/hr.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "Epizoda",
   "LabelEpisodeTitle": "Naslov epizode",
   "LabelEpisodeType": "Vrsta epizode",
+  "LabelExample": "Example",
   "LabelExplicit": "Explicit",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "Datoteka",
diff --git a/client/strings/it.json b/client/strings/it.json
index 1b428941..5e124ca4 100644
--- a/client/strings/it.json
+++ b/client/strings/it.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "Episodio",
   "LabelEpisodeTitle": "Titolo Episodio",
   "LabelEpisodeType": "Tipo Episodio",
+  "LabelExample": "Example",
   "LabelExplicit": "Esplicito",
   "LabelFeedURL": "Feed URL",
   "LabelFile": "File",
diff --git a/client/strings/pl.json b/client/strings/pl.json
index 346a59cc..30937fed 100644
--- a/client/strings/pl.json
+++ b/client/strings/pl.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "Odcinek",
   "LabelEpisodeTitle": "Tytuł odcinka",
   "LabelEpisodeType": "Typ odcinka",
+  "LabelExample": "Example",
   "LabelExplicit": "Nieprzyzwoite",
   "LabelFeedURL": "URL kanału",
   "LabelFile": "Plik",
diff --git a/client/strings/ru.json b/client/strings/ru.json
index f2b497f2..a65a7908 100644
--- a/client/strings/ru.json
+++ b/client/strings/ru.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "Эпизод",
   "LabelEpisodeTitle": "Имя Эпизода",
   "LabelEpisodeType": "Тип Эпизода",
+  "LabelExample": "Example",
   "LabelExplicit": "Явный",
   "LabelFeedURL": "URL Канала",
   "LabelFile": "Файл",
diff --git a/client/strings/zh-cn.json b/client/strings/zh-cn.json
index 0401909e..14da76bf 100644
--- a/client/strings/zh-cn.json
+++ b/client/strings/zh-cn.json
@@ -213,6 +213,7 @@
   "LabelEpisode": "剧集",
   "LabelEpisodeTitle": "剧集标题",
   "LabelEpisodeType": "剧集类型",
+  "LabelExample": "Example",
   "LabelExplicit": "信息准确",
   "LabelFeedURL": "源 URL",
   "LabelFile": "文件",