diff --git a/nginx/vue/src/assets/styles.css b/nginx/vue/src/assets/styles.css
index fc3afd8..6b097b7 100644
--- a/nginx/vue/src/assets/styles.css
+++ b/nginx/vue/src/assets/styles.css
@@ -133,6 +133,11 @@ a {
     @apply text-primary bg-link text-center font-heading text-xl tracking-wide;
 }
 
+input,
+textarea {
+    @apply text-primary border;
+}
+
 table {
     @apply border-primary border text-primary;
 }
diff --git a/nginx/vue/src/components/admin/CreatePost.vue b/nginx/vue/src/components/admin/CreatePost.vue
index 4f1f170..8eae5fc 100644
--- a/nginx/vue/src/components/admin/CreatePost.vue
+++ b/nginx/vue/src/components/admin/CreatePost.vue
@@ -24,10 +24,14 @@ async function post() {
 </script>
 
 <template>
-    <div v-if="auth.loggedIn" class="flex flex-col">
+    <div class="flex flex-col" v-if="auth.loggedIn">
         <h1>Create Post</h1>
         <input type="text" v-model="title" placeholder="Title" />
-        <textarea v-model="content" placeholder="Content"></textarea>
+        <textarea
+            class="h-50"
+            v-model="content"
+            placeholder="Content"
+        ></textarea>
         <Button @click="post">Upload</Button>
         <!-- make textarea take up most the space -->
     </div>