diff --git a/web/app/riot/scalar-close/scalar-close.component.html b/web/app/riot/scalar-close/scalar-close.component.html
index 34fa9ab..f9ee58b 100644
--- a/web/app/riot/scalar-close/scalar-close.component.html
+++ b/web/app/riot/scalar-close/scalar-close.component.html
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/web/app/riot/scalar-close/scalar-close.component.scss b/web/app/riot/scalar-close/scalar-close.component.scss
index 4569620..a30ea6a 100644
--- a/web/app/riot/scalar-close/scalar-close.component.scss
+++ b/web/app/riot/scalar-close/scalar-close.component.scss
@@ -1,4 +1,10 @@
// component styles are encapsulated and only applied to their components
-img {
+.scalarClose {
+ font-size: 35px;
cursor: pointer;
+ color: #ccc;
+}
+
+.scalarClose:hover {
+ color: #888;
}
\ No newline at end of file
diff --git a/web/public/img/close.svg b/web/public/img/close.svg
deleted file mode 100644
index 4c28aa3..0000000
--- a/web/public/img/close.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-
-
\ No newline at end of file
diff --git a/web/style/_riot.scss b/web/style/_riot.scss
index 51ef99a..2214b7f 100644
--- a/web/style/_riot.scss
+++ b/web/style/_riot.scss
@@ -26,7 +26,7 @@
padding-top: 4px;
}
-.header .quickAction .closeButton img {
+.header .quickAction .closeButton .scalarClose {
position: absolute;
top: 25px;
right: 15px;