diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css
index da7a6a63..6cbb61b9 100644
--- a/web/app/src/assets/base.css
+++ b/web/app/src/assets/base.css
@@ -46,6 +46,9 @@
   --transition-speed: 240ms;
   --transition-speed-fast: 60ms;
 
+  --color-danger: hsl(352 100% 56%);
+  --color-success: hsl(102 70% 56%);
+
   --color-status-active: hsl(166 100% 46%);
   --color-status-completed: hsl(166 100% 46%);
 
@@ -331,6 +334,10 @@ input[type="text"]:focus {
   border-color: var(--color-accent);
 }
 
+input[type="text"].is-invalid {
+  border-color: var(--color-danger);
+}
+
 select {
   background-color: var(--color-button-background);
   border-radius: var(--border-radius);
diff --git a/web/app/src/views/FirstTimeWizardView.vue b/web/app/src/views/FirstTimeWizardView.vue
index 4a0fe155..b4317d93 100644
--- a/web/app/src/views/FirstTimeWizardView.vue
+++ b/web/app/src/views/FirstTimeWizardView.vue
@@ -65,7 +65,9 @@
           @keyup.enter="nextStepAfterCheckSharedStoragePath"
           type="text"
           placeholder="Shared Storage Path"
-          class="path-input"
+          :class="{
+            'is-invalid': (sharedStorageCheckResult != null) && !sharedStorageCheckResult.is_usable
+          }"
         >
         <p v-if="sharedStorageCheckResult != null"
           :class="{
@@ -132,7 +134,6 @@
 
                 type="text"
                 placeholder="Blender Path"
-                class="path-input"
               >
             </span>
             <p v-if="isBlenderExeChecking" class="is-in-progress">Checking...</p>
@@ -147,7 +148,6 @@
             v-model="customBlenderExe"
             type="text"
             placeholder="Blender Path"
-            class="path-input"
           >
 
           <p v-if="isBlenderExeChecking" class="is-in-progress">Checking...</p>