diff --git a/ui/noogle/src/components/ImageGeneration.vue b/ui/noogle/src/components/ImageGeneration.vue
index bfc8833..aad00b7 100644
--- a/ui/noogle/src/components/ImageGeneration.vue
+++ b/ui/noogle/src/components/ImageGeneration.vue
@@ -331,7 +331,7 @@ const submitHandler = async () => {
           <ModalComponent :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal">
             <template #header>Share your creation on Nostr  <br> <br></template>
 
-            <template #content><textarea  v-model="modalcontent" className="c-Input" style="width: 400px; height: 300px;">{{modalcontent}}</textarea></template>
+            <template #content><textarea  v-model="modalcontent" className="d-Input" style="height: 300px;">{{modalcontent}}</textarea></template>
             <template #footer><button className="v-Button" @click="post_note(modalcontent)"  @click.stop="closeModal">Create Note</button></template>
           </ModalComponent>
 
@@ -501,6 +501,14 @@ const submitHandler = async () => {
   background: black;
 }
 
+.d-Input {
+    @apply bg-black hover:bg-gray-900 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
+  width: 300px;
+
+  color: white;
+  background: black;
+}
+
 .playeauthor-wrapper {
   padding: 6px;
   display: flex;
diff --git a/ui/noogle/src/components/Newnote.vue b/ui/noogle/src/components/Newnote.vue
index 490d949..21c9843 100644
--- a/ui/noogle/src/components/Newnote.vue
+++ b/ui/noogle/src/components/Newnote.vue
@@ -47,8 +47,8 @@ onClickOutside(target, ()=>emit('modal-close'))
 }
 .modal-container {
   @apply bg-base-100;
-  width: 500px;
-  margin: 150px auto;
+  width: 400px;
+  margin: 200px auto;
   padding: 20px 30px;
   //background-color: #181818;
   border-radius: 2px;