diff --git a/web/src/index.css b/web/src/index.css
index c3c3b58..ef22e11 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -160,6 +160,7 @@ button, a.button {
 
 	&:disabled {
 		cursor: default;
+		color: var(--secondary-text-color);
 	}
 
 	&:hover:not(:disabled), &:focus:not(:disabled) {
diff --git a/web/src/ui/composer/MessageComposer.css b/web/src/ui/composer/MessageComposer.css
index 92bf90d..4d813ea 100644
--- a/web/src/ui/composer/MessageComposer.css
+++ b/web/src/ui/composer/MessageComposer.css
@@ -30,6 +30,10 @@ div.message-composer {
 			width: 2rem;
 			padding: .25rem;
 		}
+
+		> input[type="file"] {
+			display: none;
+		}
 	}
 
 	> div.composer-media {
diff --git a/web/src/ui/composer/MessageComposer.tsx b/web/src/ui/composer/MessageComposer.tsx
index 9ab9f6e..fe258de 100644
--- a/web/src/ui/composer/MessageComposer.tsx
+++ b/web/src/ui/composer/MessageComposer.tsx
@@ -403,7 +403,7 @@ const MessageComposer = () => {
 					onClick={sendMessage}
 					disabled={(!state.text && !state.media) || loadingMedia}
 				><SendIcon/></button>
-				<input ref={fileInput} onChange={onAttachFile} type="file" value="" style={{ display: "none" }}/>
+				<input ref={fileInput} onChange={onAttachFile} type="file" value=""/>
 			</div>
 		</div>
 	</>