diff --git a/demo/src/main/java/com/example/demo/config/SecurityConfig.java b/demo/src/main/java/com/example/demo/config/SecurityConfig.java
index 8df7bce..0507a6a 100644
--- a/demo/src/main/java/com/example/demo/config/SecurityConfig.java
+++ b/demo/src/main/java/com/example/demo/config/SecurityConfig.java
@@ -18,7 +18,7 @@ public class SecurityConfig {
     public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
         http
                 .authorizeHttpRequests(auth -> auth
-                        .requestMatchers("/login", "/register", "/css/**").permitAll()
+                        .requestMatchers("/login", "/register", "/css/**", "/images/**").permitAll()
                         .anyRequest().authenticated()
                 )
                 .formLogin(form -> form
diff --git a/demo/src/main/resources/static/css/create-account.css b/demo/src/main/resources/static/css/create-account.css
index 04c238f..8430983 100644
--- a/demo/src/main/resources/static/css/create-account.css
+++ b/demo/src/main/resources/static/css/create-account.css
@@ -74,7 +74,7 @@ body, html {
 
 }
 
-.login-box rows {
+.login-box .rows {
   display: flex;
   gap: 10px;
   align-items: center;
diff --git a/demo/src/main/resources/templates/create-account.html b/demo/src/main/resources/templates/create-account.html
index 826f243..78ec2d3 100644
--- a/demo/src/main/resources/templates/create-account.html
+++ b/demo/src/main/resources/templates/create-account.html
@@ -1,50 +1,46 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <title>Create Thyme Crunch Account</title>
-  <link rel="stylesheet" th:href="@{css/create-account.css}">
+    <meta charset="UTF-8">
+    <title>Create Thyme Crunch Account</title>
+    <link rel="stylesheet" th:href="@{css/create-account.css}">
 </head>
 <body>
 
 <header class="top-header">
-    <img src="images/header_left.png" alt="Violin f-hole shape to the left of header." class="swirl">
+    <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
     <h1 class="site-name">Thyme Crunch</h1>
-    <img src="images/header_right.png" alt="Violin f-hole shape to the right of header." class="swirl">
+    <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
+</header>
 
-  </header>
-
-    <!-- Main Content -->
-    <main class="main-content">
-      <div class="login-box">
+<!-- Main Content -->
+<main class="main-content">
+    <div class="login-box">
         <h2>Create Account</h2>
 
-	<form id="createUserForm">
+	    <form id="createUserForm">
+            <div class="rows">
+                <label for="username">Username</label>
+                <input type="text" id="username" required>
+            </div>
+            <div class="rows">
+                <label for="email">Email</label>
+                <input type="email" id="email" required>
+            </div>
+            <div class="rows">
+                <label for="password">Password</label>
+                <input type="password" id="password" required>
+            </div>
+            <div class="rows">
+                <label for="confirmPassword">Confirm Password</label>
+                <input type="password" id="confirmPassword" required>
+            </div>
+            <p id="passwordError"></p>
 
-<div class="rows">
-  	<label for="username">Username</label>
-  	<input type="text" id="username" required>
-</div>
-<div class="rows">
-  	<label for="email">Email</label>
-  	<input type="email" id="email" required>
-</div>
-<div class="rows">
-  	<label for="password">Password</label>
-  	<input type="password" id="password" required>
-</div>
-<div class="rows">
-  	<label for="confirmPassword">Confirm Password</label>
-  	<input type="password" id="confirmPassword" required>
-</div>
-  	<p id="passwordError"></p>
-
-  	<button type="submit">Create</button>
-
-	</form>
-      </div>
-    </main>
-  </div>
+            <button type="submit">Create</button>
+        </form>
+    </div>
+</main>
 </body>
 </html>
 
diff --git a/demo/src/main/resources/templates/home.html b/demo/src/main/resources/templates/home.html
index 5b95231..9734a42 100644
--- a/demo/src/main/resources/templates/home.html
+++ b/demo/src/main/resources/templates/home.html
@@ -8,9 +8,9 @@
 <body>
 
 <header class="top-header">
-    <img src="images/header_left.png" alt="Violin f-hole shape to the left of header." class="swirl">
+    <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
     <h1 class="site-name">Thyme Crunch</h1>
-    <img src="images/header_right.png" alt="Violin f-hole shape to the right of header." class="swirl">
+    <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 </header>
 
 <div class="container">
diff --git a/demo/src/main/resources/templates/login.html b/demo/src/main/resources/templates/login.html
index 2ec19f9..64eb148 100644
--- a/demo/src/main/resources/templates/login.html
+++ b/demo/src/main/resources/templates/login.html
@@ -8,9 +8,9 @@
 <body>
 
   <header class="top-header">
-    <img src="images/header_left.png" alt="Violin f-hole shape to the left of header." class="swirl">
+    <img th:src="@{images/header_left.png}" alt="Violin f-hole shape to the left of header." class="swirl">
     <h1 class="site-name">Thyme Crunch</h1>
-    <img src="images/header_right.png" alt="Violin f-hole shape to the right of header." class="swirl">
+    <img th:src="@{images/header_right.png}" alt="Violin f-hole shape to the right of header." class="swirl">
 
   </header>
 
