diff --git a/src/App.vue b/src/App.vue
index b31aeb724c9c41c84fba9e6f0d7783bcd6d860b5..2396e43b6a0a2d401d3415e71e85f617ea755c19 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,4 +10,8 @@
   </div>
 </template>
 
-<style></style>
\ No newline at end of file
+<style>
+.inputBox {
+  @apply border-2 focus:outline-none focus:ring-2 focus:ring-blue-300;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/ImageUpload.vue b/src/components/ImageUpload.vue
index 1adc2293e8be2febdefafcced503c01cb967d0e4..3329ea003c58014e0f1fd4d053b3c1741027d20f 100644
--- a/src/components/ImageUpload.vue
+++ b/src/components/ImageUpload.vue
@@ -19,25 +19,25 @@
           type="text"
           placeholder="Source"
           name="source"
-          class="payloadInput"
+          class="inputBox inputPayload"
         />
         <input
           type="text"
           placeholder="Parent"
           name="parent"
-          class="payloadInput"
+          class="inputBox inputPayload"
         />
         <textarea
           type="text"
           placeholder="Commentary"
           name="commentary"
-          class="payloadInput"
+          class="inputBox inputPayload"
         />
         <textarea
           type="text"
           placeholder="Commentary translation"
           name="commentary_translation"
-          class="payloadInput"
+          class="inputBox inputPayload"
         />
       </form>
     </div>
@@ -200,8 +200,8 @@ export default {
 };
 </script>
 
-<style>
-.payloadInput {
-  @apply border-2 focus:outline-none focus:ring-2 focus:ring-blue-300 pl-1 my-2;
+<style scoped>
+.inputPayload {
+  @apply pl-1 my-2;
 }
 </style>
\ No newline at end of file