diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index a7639ff7f..cd9983f94 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -4096,7 +4096,7 @@ ul.comment-section {
 	z-index: 1;
 }
 .format {
-	padding: 0 0.5rem;
+	padding: 0.3rem 0.4rem;
 	font-size: 1rem;
 	color: var(--gray-200);
 }
diff --git a/files/templates/settings/common.html b/files/templates/settings/common.html
index 368d79f2b..7fa6a3f03 100644
--- a/files/templates/settings/common.html
+++ b/files/templates/settings/common.html
@@ -86,7 +86,7 @@
 					<button type="button" class="btn btn-secondary format d-inline-block m-0 fas fa-smile-beam" onclick="loadEmojis('{{id}}-text')" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Add Emoji"></button>
 					&nbsp;
 					{% if show_file_upload %}
-						<label class="btn btn-secondary format d-inline-block m-0">
+						<label style="padding: 0.1rem 0.5rem" class="btn btn-secondary format d-inline-block m-0">
 							<div id="filename-show"><i class="fas fa-file"></i></div>
 							<input autocomplete="off" id="file-upload" accept="image/*, video/*, audio/*" type="file" name="file" multiple="multiple" {% if g.is_tor %}disabled{% endif %} onchange="changename('filename-show','file-upload')" hidden>
 						</label>