diff --git a/TROUBLESHOOTING.md b/TROUBLESHOOTING.md
index 024f4732..2fabe497 100644
--- a/TROUBLESHOOTING.md
+++ b/TROUBLESHOOTING.md
@@ -46,7 +46,7 @@ docker run --platform linux/amd64 -d -p 3000:8080 -e OLLAMA_API_BASE_URL=http://
 ```
 
 ## Running ollama-webui as a container on WSL Ubuntu
-If you're running ollama-webui via docker on WSL Ubuntu and have chosen to install webui and ollama separately, you might encounter connection issues. This is often due to the docker container being unable to reach the Ollama server at 127.0.0.1:11434. To resolve this, you can use the `--network=host` flag in the docker command. 
+If you're running ollama-webui via docker on WSL Ubuntu and have chosen to install webui and ollama separately, you might encounter connection issues. This is often due to the docker container being unable to reach the Ollama server at 127.0.0.1:11434. To resolve this, you can use the `--network=host` flag in the docker command. When done so port would be changed from 3000 to 8080, and the link would be: http://localhost:8080.
 
 Here's an example of the command you should run:
 
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 54291f22..57f48bef 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -132,13 +132,13 @@
 
 {#if dragged}
 	<div
-		class="absolute w-full h-full flex z-50 touch-none pointer-events-none"
+		class="fixed w-full h-full flex z-50 touch-none pointer-events-none"
 		id="dropzone"
 		role="region"
 		aria-label="Drag and Drop Container"
 	>
 		<div class="absolute rounded-xl w-full h-full backdrop-blur bg-gray-800/40 flex justify-center">
-			<div class="m-auto pt-48 flex flex-col justify-center">
+			<div class="m-auto pt-64 flex flex-col justify-center">
 				<div class="max-w-md">
 					<div class="  text-center text-6xl mb-3">🏞️</div>
 					<div class="text-center dark:text-white text-2xl font-semibold z-50">Add Images</div>
diff --git a/src/lib/components/chat/Messages.svelte b/src/lib/components/chat/Messages.svelte
index 9a39089d..543ce6a5 100644
--- a/src/lib/components/chat/Messages.svelte
+++ b/src/lib/components/chat/Messages.svelte
@@ -362,9 +362,19 @@
 	<div class="m-auto text-center max-w-md pb-56 px-2">
 		<div class="flex justify-center mt-8">
 			{#if selectedModelfile && selectedModelfile.imageUrl}
-				<img src={selectedModelfile?.imageUrl} class=" w-20 mb-2 rounded-full" />
+				<img
+					src={selectedModelfile?.imageUrl}
+					alt="modelfile"
+					class=" w-20 mb-2 rounded-full"
+					draggable="false"
+				/>
 			{:else}
-				<img src="/ollama.png" class=" w-16 invert-[10%] dark:invert-[100%] rounded-full" />
+				<img
+					src="/ollama.png"
+					class=" w-16 invert-[10%] dark:invert-[100%] rounded-full"
+					alt="ollama"
+					draggable="false"
+				/>
 			{/if}
 		</div>
 		<div class=" mt-2 text-2xl text-gray-800 dark:text-gray-100 font-semibold">
@@ -401,12 +411,14 @@
 									src="{$settings.gravatarUrl ? $settings.gravatarUrl : '/user'}.png"
 									class=" max-w-[28px] object-cover rounded-full"
 									alt="User profile"
+									draggable="false"
 								/>
 							{:else}
 								<img
 									src={$user ? $user.profile_image_url : '/user.png'}
 									class=" max-w-[28px] object-cover rounded-full"
 									alt="User profile"
+									draggable="false"
 								/>
 							{/if}
 						{:else if selectedModelfile}
@@ -414,12 +426,14 @@
 								src={selectedModelfile?.imageUrl ?? '/favicon.png'}
 								class=" max-w-[28px] object-cover rounded-full"
 								alt="Ollama profile"
+								draggable="false"
 							/>
 						{:else}
 							<img
 								src="/favicon.png"
 								class=" max-w-[28px] object-cover rounded-full"
 								alt="Ollama profile"
+								draggable="false"
 							/>
 						{/if}
 					</div>