diff --git a/src/sql/base/browser/ui/table/media/sort-asc.gif b/src/sql/base/browser/ui/table/media/sort-asc.gif
deleted file mode 100644
index 67a2a4c669..0000000000
Binary files a/src/sql/base/browser/ui/table/media/sort-asc.gif and /dev/null differ
diff --git a/src/sql/base/browser/ui/table/media/sort-desc.gif b/src/sql/base/browser/ui/table/media/sort-desc.gif
deleted file mode 100644
index 34db47c3b1..0000000000
Binary files a/src/sql/base/browser/ui/table/media/sort-desc.gif and /dev/null differ
diff --git a/src/sql/base/browser/ui/table/media/sort_asc.svg b/src/sql/base/browser/ui/table/media/sort_asc.svg
new file mode 100644
index 0000000000..c9c1838171
--- /dev/null
+++ b/src/sql/base/browser/ui/table/media/sort_asc.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 100 50"  xmlns="http://www.w3.org/2000/svg">
+	<style>
+		polygon {
+		fill:black;
+		}
+	</style>
+	<polygon points="0,50 50,0 100,50" />
+</svg>
diff --git a/src/sql/base/browser/ui/table/media/sort_asc_inverse.svg b/src/sql/base/browser/ui/table/media/sort_asc_inverse.svg
new file mode 100644
index 0000000000..2d40e6ca52
--- /dev/null
+++ b/src/sql/base/browser/ui/table/media/sort_asc_inverse.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
+	<style>
+		polygon {
+		fill:white;
+		}
+	</style>
+	<polygon points="0,50 50,0 100,50" />
+</svg>
diff --git a/src/sql/base/browser/ui/table/media/sort_desc.svg b/src/sql/base/browser/ui/table/media/sort_desc.svg
new file mode 100644
index 0000000000..d045a30b02
--- /dev/null
+++ b/src/sql/base/browser/ui/table/media/sort_desc.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
+	<style>
+		polygon {
+		fill:black;
+		}
+	</style>
+	<polygon points="0,0 100,0 50,50" />
+</svg>
diff --git a/src/sql/base/browser/ui/table/media/sort_desc_inverse.svg b/src/sql/base/browser/ui/table/media/sort_desc_inverse.svg
new file mode 100644
index 0000000000..9184cf7626
--- /dev/null
+++ b/src/sql/base/browser/ui/table/media/sort_desc_inverse.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 100 50" xmlns="http://www.w3.org/2000/svg">
+	<style>
+		polygon {
+		fill:white;
+		}
+	</style>
+	<polygon points="0,0 100,0 50,50" />
+</svg>
diff --git a/src/sql/base/browser/ui/table/media/table.css b/src/sql/base/browser/ui/table/media/table.css
index 7dcf906bbd..497aeb2448 100644
--- a/src/sql/base/browser/ui/table/media/table.css
+++ b/src/sql/base/browser/ui/table/media/table.css
@@ -18,20 +18,36 @@
 	height: 100%;
 }
 
-.monaco-table .slick-sort-indicator-asc {
-	background: url('sort-asc.gif');
+.monaco-table .slick-sort-indicator {
+	background-size: 8px;
+	background-repeat: no-repeat;
+}
+.vs .monaco-table .slick-sort-indicator-asc {
+	background-image: url('sort_asc.svg');
 }
 
-.monaco-table .slick-sort-indicator-desc {
-	background: url('sort-desc.gif');
+.vs-dark .monaco-table .slick-sort-indicator-asc,
+.hc-black .monaco-table .slick-sort-indicator-asc {
+	background-image: url('sort_asc_inverse.svg');
+}
+
+.vs .monaco-table .slick-sort-indicator-desc {
+	background-image: url('sort_desc.svg');
+}
+
+.vs-dark .monaco-table .slick-sort-indicator-desc,
+.hc-black .monaco-table .slick-sort-indicator-desc {
+	background-image: url('sort_desc_inverse.svg');
 }
 
 .monaco-table .slick-sort-indicator {
 	display: inline-block;
 	width: 8px;
-	height: 5px;
+	height: 8px;
 	margin-left: 4px;
+	margin-right: 4px;
 	margin-top: 6px;
+	flex: 0 0 auto;
 }
 
 .slick-header-menubutton {