diff --git a/res/static/style/layout.css b/res/static/style/layout.css
index 1de6c01..4245aef 100644
--- a/res/static/style/layout.css
+++ b/res/static/style/layout.css
@@ -227,7 +227,7 @@ hr{
 	border-radius: 0.5em;
 	border: 0.22em solid var(--scrollbar_background_color);
 }
-::-webkit-scrollbar-corner{background: transparent;}
+::-webkit-scrollbar-corner{background: var(--scrollbar_background_color);}
 
 a       {color: var(--highlight_color); text-decoration: none;}
 a:hover {color: var(--highlight_color); text-decoration: underline;}
diff --git a/res/template/file_viewer.html b/res/template/file_viewer.html
index 75d6441..78fe12e 100644
--- a/res/template/file_viewer.html
+++ b/res/template/file_viewer.html
@@ -32,7 +32,7 @@
 				</a>
 				<span id="file_viewer_headerbar_title" class="file_viewer_headerbar_title">{{.Title}}</span>
 				<div id="list_navigator_buttons" class="button_group"></div>
-				<button id="button_close_file_viewer" class="button_close_file_viewer button_red" onClick="window.close();">X</button>
+				<button id="button_close_file_viewer" class="button_close_file_viewer button_red" onClick="window.close();">❌&#xFE0E;</button>
 			</div>
 			<div id="list_navigator" class="list_navigator"></div>
 			<div id="file_viewer_window" class="file_viewer_window">
@@ -106,7 +106,7 @@
 		<div id="details_popup" class="popup details_popup">
 			<div id="details_popup_title" class="highlight_headerbar">
 				File Info
-				<button style="position: absolute; top: 3px; right: 3px;" class="button_red" onclick="DetailsWindow.toggle();">X</button>
+				<button style="position: absolute; top: 3px; right: 3px;" class="button_red" onclick="DetailsWindow.toggle();">❌&#xFE0E;</button>
 			</div>
 			<div class="content_area">
 				<span id="info_file_details"></span>