diff --git a/src/lib/SideBars/LoreBookData.svelte b/src/lib/SideBars/LoreBookData.svelte
index 01537f2a..0a3bb91e 100644
--- a/src/lib/SideBars/LoreBookData.svelte
+++ b/src/lib/SideBars/LoreBookData.svelte
@@ -5,8 +5,9 @@
     import { alertConfirm } from "../../ts/alert";
     import Check from "../UI/GUI/Check.svelte";
     import Help from "../Others/Help.svelte";
-  import TextInput from "../UI/GUI/TextInput.svelte";
-  import NumberInput from "../UI/GUI/NumberInput.svelte";
+    import TextInput from "../UI/GUI/TextInput.svelte";
+    import NumberInput from "../UI/GUI/NumberInput.svelte";
+  import TextAreaInput from "../UI/GUI/TextAreaInput.svelte";
     export let value:loreBook
     export let onRemove: () => void = () => {}
     let open = false
@@ -58,7 +59,7 @@
             <span class="text-neutral-200 mt-4">{language.insertOrder} <Help key="loreorder"/></span>
             <NumberInput size="sm" bind:value={value.insertorder} min={0} max={1000}/>
             <span class="text-neutral-200 mt-4 mb-2">{language.prompt}</span>
-            <TextInput autocomplete="off" bind:value={value.content} />
+            <TextAreaInput autocomplete="off" bind:value={value.content} />
             <div class="flex items-center mt-4">
                 <Check bind:check={value.alwaysActive} name={language.alwaysActive}/>
             </div>
diff --git a/src/lib/UI/GUI/Check.svelte b/src/lib/UI/GUI/Check.svelte
index b47ede3a..2f531645 100644
--- a/src/lib/UI/GUI/Check.svelte
+++ b/src/lib/UI/GUI/Check.svelte
@@ -38,7 +38,7 @@
         }}
     />
     <span 
-        class="w-5 h-5 rounded-md border-2 border-gray-600 flex justify-center items-center {check ? 'bg-borderc' : 'bg-gray-700'} transition-colors duration-200"
+        class="w-5 h-5 min-w-5 min-h-5 rounded-md border-2 border-gray-600 flex justify-center items-center {check ? 'bg-borderc' : 'bg-gray-700'} transition-colors duration-200"
     >
         {#if check}
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white" class="w-3 h-3">
diff --git a/tailwind.config.js b/tailwind.config.js
index 83e4cdf7..20fe7fa4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -16,7 +16,8 @@ export default {
       minWidth: {
         '20': '5rem',
         '14': '3.5rem',
-        'half': '50%'
+        'half': '50%',
+        '5': '1.25rem'
       },
       maxWidth:{
         'half': '50%',
@@ -36,6 +37,7 @@ export default {
       },
       minHeight:{
         '8': '2rem',
+        '5': '1.25rem',
         '14': '3.5rem',
         '20': '5rem',
         '32': '9rem',