diff --git a/app/static/app/js/home.js b/app/static/app/js/home.js
index 808cfe7..ed2c2a7 100644
--- a/app/static/app/js/home.js
+++ b/app/static/app/js/home.js
@@ -153,6 +153,14 @@ async function getActualDataAndFillView() {
         document.getElementById('yearRest').innerText = 600 - parseInt(yearData)
         document.getElementById('prBarYear').style.width = `${Math.round((100/600)*parseInt(yearData))}%`
 
+        // Settings vor ausfüllen
+
+        //  DATEN VON SETTINGS ABFRAGEN
+        getAllEntries('settings')
+        .then(function(result) {
+            document.getElementById('studysinput').value = parseInt(result.find(element => element.SettingsID === 1).SettingsValue)
+        });
+
     } catch (error) {
         console.error('Fehler bei der Initialisierung oder Filterung:', error);
     }
diff --git a/app/templates/app/base.html b/app/templates/app/base.html
index 9979acc..7a6fed6 100644
--- a/app/templates/app/base.html
+++ b/app/templates/app/base.html
@@ -31,11 +31,11 @@
 
             <div class="settings text-left">
                 <div class="settings-card container">
-                    <h5 class="pt-3">Einstellungen</h5>
+                    <h4 class="pt-3 text-center" style="margin-top: -1rem;">Einstellungen</h4>
                     <ul class="list-group" style="color: black;">
                         <li class="list-group-item d-flex justify-content-between align-items-center">
                             Bibelstudien:
-                            <input type="number" class="w-25 btn" name="studysinput" id="studysinput" value="0" onfocus="document.getElementById('SETStudySaveButton').classList.remove('d-none')">
+                            <input type="number" class="w-25 btn btn-secondary" name="studysinput" id="studysinput" value="0" onfocus="document.getElementById('SETStudySaveButton').classList.remove('d-none')">
                             <button class="btn d-none" id="SETStudySaveButton">Sichern</button>
                         </li>
                     </ul>