diff --git a/html/spoolman.html b/html/spoolman.html
index 0caffa4..fd3420c 100644
--- a/html/spoolman.html
+++ b/html/spoolman.html
@@ -95,27 +95,36 @@
     
     <div class="content">
         <h1>Spoolman API URL / Bambu Credentials</h1>
-        <label for="spoolmanUrl">Set URL/IP to your Spoolman-Instanz:</label>
-        <input type="text" id="spoolmanUrl" placeholder="http://ip-or-url-of-your-spoolman-instanz:port">
-        <button onclick="checkSpoolmanInstance()">Save Spoolman URL</button>
-        <p id="statusMessage"></p>
 
-        <h2>Bambu Lab Printer Credentials</h2>
-        <div class="bambu-settings">
-            <div class="input-group">
-                <label for="bambuIp">Bambu Drucker IP-Adresse:</label>
-                <input type="text" id="bambuIp" placeholder="192.168.1.xxx" value="{{bambuIp}}">
+        <div class="card">
+            <div class="card-body">
+                <h5 class="card-title">Set URL/IP to your Spoolman-Instanz</h5>
+                <input type="text" id="spoolmanUrl" placeholder="http://ip-or-url-of-your-spoolman-instanz:port">
+                <button onclick="checkSpoolmanInstance()">Save Spoolman URL</button>
+                <p id="statusMessage"></p>
             </div>
-            <div class="input-group">
-                <label for="bambuSerial">Drucker Seriennummer:</label>
-                <input type="text" id="bambuSerial" placeholder="BBLXXXXXXXX" value="{{bambuSerial}}">
+        </div>
+
+        <div class="card">
+            <div class="card-body">
+                <h5 class="card-title">Bambu Lab Printer Credentials</h5>
+                <div class="bambu-settings">
+                    <div class="input-group">
+                        <label for="bambuIp">Bambu Drucker IP-Adresse:</label>
+                        <input type="text" id="bambuIp" placeholder="192.168.1.xxx" value="{{bambuIp}}">
+                    </div>
+                    <div class="input-group">
+                        <label for="bambuSerial">Drucker Seriennummer:</label>
+                        <input type="text" id="bambuSerial" placeholder="BBLXXXXXXXX" value="{{bambuSerial}}">
+                    </div>
+                    <div class="input-group">
+                        <label for="bambuCode">Access Code:</label>
+                        <input type="text" id="bambuCode" placeholder="Access Code vom Drucker" value="{{bambuCode}}">
+                    </div>
+                    <button onclick="saveBambuCredentials()">Save Bambu Credentials</button>
+                    <p id="bambuStatusMessage"></p>
+                </div>
             </div>
-            <div class="input-group">
-                <label for="bambuCode">Access Code:</label>
-                <input type="text" id="bambuCode" placeholder="Access Code vom Drucker" value="{{bambuCode}}">
-            </div>
-            <button onclick="saveBambuCredentials()">Save Bambu Credentials</button>
-            <p id="bambuStatusMessage"></p>
         </div>
     </div>
 </body>
diff --git a/html/style.css b/html/style.css
index 16106f5..51eb00e 100644
--- a/html/style.css
+++ b/html/style.css
@@ -279,9 +279,10 @@ a:hover {
 
 /* Karten-Stil für optische Trennung */
 .card {
-    background: #f9f9f9;
+    background: var(--primary-color);
+    width: 500px;
     padding: 15px;
-    margin: 20px 0;
+    margin: 20px auto;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
@@ -959,7 +960,6 @@ input[type="submit"]:disabled,
 
 /* Bambu Settings Erweiterung */
 .bambu-settings {
-    background: white;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
diff --git a/src/website.cpp b/src/website.cpp
index 42f891f..9fd9d64 100644
--- a/src/website.cpp
+++ b/src/website.cpp
@@ -384,7 +384,8 @@ void setupWebserver(AsyncWebServer &server) {
         html.replace("{{spoolmanUrl}}", spoolmanUrl);
 
         JsonDocument doc;
-        if (loadJsonValue("/bambu_credentials.json", doc) && doc["bambu_ip"].is<String>()) {
+        if (loadJsonValue("/bambu_credentials.json", doc) && doc["bambu_ip"].is<String>()) 
+        {
             String bambuIp = doc["bambu_ip"].as<String>();
             String bambuSerial = doc["bambu_serialnr"].as<String>();
             String bambuCode = doc["bambu_accesscode"].as<String>();
@@ -395,7 +396,13 @@ void setupWebserver(AsyncWebServer &server) {
             html.replace("{{bambuIp}}", bambuIp ? bambuIp : "");            
             html.replace("{{bambuSerial}}", bambuSerial ? bambuSerial : "");
             html.replace("{{bambuCode}}", bambuCode ? bambuCode : "");
-        }   
+        }
+        else
+        {
+            html.replace("{{bambuIp}}", "");
+            html.replace("{{bambuSerial}}", "");
+            html.replace("{{bambuCode}}", "");
+        }
 
         request->send(200, "text/html", html);
     });