diff --git a/css/css-variables.scss b/css/css-variables.scss
index 1df379aca..1bfda851d 100644
--- a/css/css-variables.scss
+++ b/css/css-variables.scss
@@ -127,3 +127,8 @@ $highlight-item-color: $white !default;
 $content-color: #eeeeee !default; 
 $default-font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif !default;
 $icons-filter: hue-rotate(0deg) !default;
+
+%font-awesome-prerequisites{
+	font-family: 'Font Awesome 5 Free';
+	font-weight: 600;
+}
\ No newline at end of file
diff --git a/css/light-grey.scss b/css/light-grey.scss
index ebfd7e7fd..46e1943a6 100644
--- a/css/light-grey.scss
+++ b/css/light-grey.scss
@@ -2874,13 +2874,34 @@ a.summary,  a.summary:hover {
 	height: 12px;
 }
 .sort_none {
-	background: url($approot-relative + "images/bg.gif?v=" + $version) no-repeat center;
+	padding-right: 5px;
+	&::after {
+		@extend %font-awesome-prerequisites;
+		text-align: right;
+		content: '\f0dc';
+		color: $complement-color;
+		float: right;
+	}
 }
 .sort_asc {
-	background: url($approot-relative + "images/desc.gif?v=" + $version) no-repeat center;
+	padding-right: 5px;
+	&::after {
+		@extend %font-awesome-prerequisites;
+		text-align: right;
+		content: '\f0d8';
+		color: $complement-color;
+		float: right;
+	}
 }
 .sort_desc {
-	background: url($approot-relative + "images/asc.gif?v=" + $version) no-repeat center;
+	padding-right: 5px;
+	&::after {
+		@extend %font-awesome-prerequisites;
+		text-align: right;
+		content: '\f0d7';
+		color: $complement-color;
+		float: right;
+	}
 }
 .sort_hidden {
 	display: none;
diff --git a/images/bg.gif b/images/bg.gif
deleted file mode 100644
index e2d7d0e3c..000000000
Binary files a/images/bg.gif and /dev/null differ
diff --git a/images/desc.gif b/images/desc.gif
deleted file mode 100644
index e59584d35..000000000
Binary files a/images/desc.gif and /dev/null differ