diff --git a/app/assets/stylesheets/themes/scinote.scss b/app/assets/stylesheets/themes/scinote.scss
index 0603379b5..45b352513 100644
--- a/app/assets/stylesheets/themes/scinote.scss
+++ b/app/assets/stylesheets/themes/scinote.scss
@@ -1264,20 +1264,20 @@ ul.content-activities {
top: 0;
z-index: 1000000000;
- &:before {
+ &::before {
background: $color-white;
- content: '';
+ content: "";
display: block;
height: 100%;
opacity: .5;
width: 100%;
}
- &:after {
+ &::after {
background-image: url("/images/medium/loading.svg");
background-position: center;
background-repeat: no-repeat;
- content: '';
+ content: "";
display: block;
height: 100%;
position: absolute;
diff --git a/public/images/medium/loading.svg b/public/images/medium/loading.svg
index 9667efbbe..338af0e24 100644
--- a/public/images/medium/loading.svg
+++ b/public/images/medium/loading.svg
@@ -12,42 +12,31 @@
repeatCount="indefinite"
id="tlfade"
/>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
diff --git a/public/images/medium/loading_white.svg b/public/images/medium/loading_white.svg
index 0d9a6c442..c3a97bb40 100644
--- a/public/images/medium/loading_white.svg
+++ b/public/images/medium/loading_white.svg
@@ -11,43 +11,32 @@
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="tlfade"
- />
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+/>
+
+
+