diff --git a/src/main/resources/static/fonts/Arimo-Regular.woff2 b/src/main/resources/static/fonts/Arimo-Regular.woff2
new file mode 100644
index 00000000..0c299d96
Binary files /dev/null and b/src/main/resources/static/fonts/Arimo-Regular.woff2 differ
diff --git a/src/main/resources/static/fonts/Tinos-Regular.woff2 b/src/main/resources/static/fonts/Tinos-Regular.woff2
new file mode 100644
index 00000000..2719db41
Binary files /dev/null and b/src/main/resources/static/fonts/Tinos-Regular.woff2 differ
diff --git a/src/main/resources/templates/misc/ocr-pdf.html b/src/main/resources/templates/misc/ocr-pdf.html
index 8b9dc454..440c42a1 100644
--- a/src/main/resources/templates/misc/ocr-pdf.html
+++ b/src/main/resources/templates/misc/ocr-pdf.html
@@ -46,7 +46,7 @@
                                 <div id="languages">
                                     <div th:each="language, iterStat : ${languages}">
                                         <input type="checkbox" th:name="languages" th:value="${language}" required th:id="${'language-' + language}" onchange="handleLangSelection()" />
-                                        <label class="form-check-label" th:for="${'language-' + language}" th:text="${(language == 'eng') ? 'English' : language}"></label>
+                                        <label class="form-check-label" th:for="${'language-' + language}" th:text="${language}"></label>
                                     </div>
                                 </div>
                                 <hr>
@@ -93,6 +93,154 @@
                             <br>
                             <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{ocr.submit}"></button>
                         </form>
+                        <script>
+                        const languageMap = {
+                        	    'afr': 'Afrikaans',
+                        	    'amh': 'Amharic',
+                        	    'ara': 'Arabic',
+                        	    'asm': 'Assamese',
+                        	    'aze': 'Azerbaijani',
+                        	    'aze_cyrl': 'Azerbaijani (Cyrillic)',
+                        	    'bel': 'Belarusian',
+                        	    'ben': 'Bengali',
+                        	    'bod': 'Tibetan',
+                        	    'bos': 'Bosnian',
+                        	    'bre': 'Breton',
+                        	    'bul': 'Bulgarian',
+                        	    'cat': 'Catalan',
+                        	    'ceb': 'Cebuano',
+                        	    'ces': 'Czech',
+                        	    'chi_sim': 'Chinese (Simplified)',
+                        	    'chi_sim_vert': 'Chinese (Simplified, Vertical)',
+                        	    'chi_tra': 'Chinese (Traditional)',
+                        	    'chi_tra_vert': 'Chinese (Traditional, Vertical)',
+                        	    'chr': 'Cherokee',
+                        	    'cos': 'Corsican',
+                        	    'cym': 'Welsh',
+                        	    'dan': 'Danish',
+                        	    'dan_frak': 'Danish (Fraktur)',
+                        	    'deu': 'German',
+                        	    'deu_frak': 'German (Fraktur)',
+                        	    'div': 'Divehi',
+                        	    'dzo': 'Dzongkha',
+                        	    'ell': 'Greek',
+                        	    'eng': 'English',
+                        	    'enm': 'English, Middle (1100-1500)',
+                        	    'epo': 'Esperanto',
+                        	    'equ': 'Math / equation detection module',
+                        	    'est': 'Estonian',
+                        	    'eus': 'Basque',
+                        	    'fao': 'Faroese',
+                        	    'fas': 'Persian',
+                        	    'fil': 'Filipino',
+                        	    'fin': 'Finnish',
+                        	    'fra': 'French',
+                        	    'frk': 'Frankish',
+                        	    'frm': 'French, Middle (ca.1400-1600)',
+                        	    'fry': 'Western Frisian',
+                        	    'gla': 'Scottish Gaelic',
+                        	    'gle': 'Irish',
+                        	    'glg': 'Galician',
+                        	    'grc': 'Ancient Greek',
+                        	    'guj': 'Gujarati',
+                        	    'hat': 'Haitian, Haitian Creole',
+                        	    'heb': 'Hebrew',
+                        	    'hin': 'Hindi',
+                        	    'hrv': 'Croatian',
+                        	    'hun': 'Hungarian',
+                        	    'hye': 'Armenian',
+                        	    'iku': 'Inuktitut',
+                        	    'ind': 'Indonesian',
+                        	    'isl': 'Icelandic',
+                        	    'ita': 'Italian',
+                        	    'ita_old': 'Italian (Old)',
+                        	    'jav': 'Javanese',
+                        	    'jpn': 'Japanese',
+                        	    'jpn_vert': 'Japanese (Vertical)',
+                        	    'kan': 'Kannada',
+                        	    'kat': 'Georgian',
+                        	    'kat_old': 'Georgian (Old)',
+                        	    'kaz': 'Kazakh',
+                        	    'khm': 'Central Khmer',
+                        	    'kir': 'Kirghiz, Kyrgyz',
+                        	    'kmr': 'Northern Kurdish',
+                        	    'kor': 'Korean',
+                        	    'kor_vert': 'Korean (Vertical)',
+                        	    'lao': 'Lao',
+                        	    'lat': 'Latin',
+                        	    'lav': 'Latvian',
+                        	    'lit': 'Lithuanian',
+                        	    'ltz': 'Luxembourgish',
+                        	    'mal': 'Malayalam',
+                        	    'mar': 'Marathi',
+                        	    'mkd': 'Macedonian',
+                        	    'mlt': 'Maltese',
+                        	    'mon': 'Mongolian',
+                        	    'mri': 'Maori',
+                        	    'msa': 'Malay',
+                        	    'mya': 'Burmese',
+                        	    'nep': 'Nepali',
+                        	    'nld': 'Dutch; Flemish',
+                        	    'nor': 'Norwegian',
+                        	    'oci': 'Occitan (post 1500)',
+                        	    'ori': 'Oriya',
+                        	    'osd': 'Orientation and script detection module',
+                        	    'pan': 'Panjabi, Punjabi',
+                        	    'pol': 'Polish',
+                        	    'por': 'Portuguese',
+                        	    'pus': 'Pushto, Pashto',
+                        	    'que': 'Quechua',
+                        	    'ron': 'Romanian, Moldavian, Moldovan',
+                        	    'rus': 'Russian',
+                        	    'san': 'Sanskrit',
+                        	    'sin': 'Sinhala, Sinhalese',
+                        	    'slk': 'Slovak',
+                        	    'slk_frak': 'Slovak (Fraktur)',
+                        	    'slv': 'Slovenian',
+                        	    'snd': 'Sindhi',
+                        	    'spa': 'Spanish',
+                        	    'spa_old': 'Spanish (Old)',
+                        	    'sqi': 'Albanian',
+                        	    'srp': 'Serbian',
+                        	    'srp_latn': 'Serbian (Latin)',
+                        	    'sun': 'Sundanese',
+                        	    'swa': 'Swahili',
+                        	    'swe': 'Swedish',
+                        	    'syr': 'Syriac',
+                        	    'tam': 'Tamil',
+                        	    'tat': 'Tatar',
+                        	    'tel': 'Telugu',
+                        	    'tgk': 'Tajik',
+                        	    'tgl': 'Tagalog',
+                        	    'tha': 'Thai',
+                        	    'tir': 'Tigrinya',
+                        	    'ton': 'Tonga (Tonga Islands)',
+                        	    'tur': 'Turkish',
+                        	    'uig': 'Uighur, Uyghur',
+                        	    'ukr': 'Ukrainian',
+                        	    'urd': 'Urdu',
+                        	    'uzb': 'Uzbek',
+                        	    'uzb_cyrl': 'Uzbek (Cyrillic)',
+                        	    'vie': 'Vietnamese',
+                        	    'yid': 'Yiddish',
+                        	    'yor': 'Yoruba'
+                        	};
+                        
+                     	// Step 2: Function to get the full language name
+                        function getFullLanguageName(shortCode) {
+                            return languageMap[shortCode] || shortCode;
+                        }
+
+                        // Step 3: Apply the function to your labels
+                        document.addEventListener('DOMContentLoaded', () => {
+                        	const labels = document.querySelectorAll('#languages .form-check-label');
+                            labels.forEach(label => {
+                                const languageCode = label.getAttribute('for').split('-')[1];
+                                label.textContent = getFullLanguageName(languageCode);
+                            });
+                        });
+                        
+                        </script>
                         <p th:text="#{ocr.credit}"></p>
                         <p th:text="#{ocr.help}"></p>
                         <a href="https://github.com/Frooodle/Stirling-PDF/blob/main/HowToUseOCR.md">https://github.com/Frooodle/Stirling-PDF/blob/main/HowToUseOCR.md</a>
diff --git a/src/main/resources/templates/overlay-pdf.html b/src/main/resources/templates/overlay-pdf.html
index 31275cad..093902a1 100644
--- a/src/main/resources/templates/overlay-pdf.html
+++ b/src/main/resources/templates/overlay-pdf.html
@@ -45,31 +45,50 @@
 						<script>
 						    function updateCountsInputs() {
 						        const mode = document.getElementById('overlayMode').value;
+						        console.log("mode",mode);
 						        const countsContainer = document.getElementById('countsContainer');
+						        console.log("countsContainer",countsContainer);
 						        countsContainer.innerHTML = ''; // Clear previous inputs
 						
 						        if (mode === 'FixedRepeatOverlay') {
-						            const fileInput = document.getElementsByName('overlayFiles')[0];
-						            const fileCount = fileInput.files.length;
-						
-						            for (let i = 0; i < fileCount; i++) {
-						                const input = document.createElement('input');
-						                input.type = 'text';
-						                input.name = 'counts';
-						                input.classList.add('form-control');
-						                input.placeholder = 'Count for file ' + (i + 1);
-						                countsContainer.appendChild(input);
+						            const fileInput = document.getElementById('overlayFiles-input');
+						            console.log("fileInput",fileInput);
+						            if(fileInput){
+							            const files = fileInput.files
+							            console.log("files",files);
+							            if(files) {
+								            const fileCount = files.length;
+								
+								            for (let i = 0; i < fileCount; i++) {
+								                const input = document.createElement('input');
+								                input.type = 'text';
+								                input.name = 'counts';
+								                input.classList.add('form-control');
+								                input.placeholder = 'Count for file ' + (i + 1);
+								                countsContainer.appendChild(input);
+								            }
+								            countsContainer.style.display = 'block';
+							        	}
 						            }
-						
-						            countsContainer.style.display = 'block';
 						        } else {
 						            countsContainer.style.display = 'none';
 						        }
 						    }
-						
-						    // Update counts inputs when files are selected
-						    document.getElementsByName('overlayFiles')[0].addEventListener('change', updateCountsInputs);
-						</script>
+						    document.addEventListener('DOMContentLoaded', (event) => {
+						    	var fileInput = document.getElementById('overlayFiles-input');
+						    	console.log("fileInput2",fileInput);
+					    	    if (fileInput) {
+					    	        fileInput.addEventListener('change', updateCountsInputs);
+					    	    }
+						    });
+						    document.addEventListener('DOMContentLoaded', (event) => {
+						    	var overlay = document.getElementById('overlayMode');
+						    	console.log("overlay2",overlay);
+					    	    if (overlay) {
+					    	    	overlay.addEventListener('change', updateCountsInputs);
+					    	    }
+						    });
+						    </script>
 
 
                     </div>