diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 1a44acd..7aeb3fb 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@designestate/dees-catalog',
-  version: '1.0.136',
+  version: '1.0.137',
   description: 'website for lossless.com'
 }
diff --git a/ts_web/elements/dees-spinner.ts b/ts_web/elements/dees-spinner.ts
index e3d7816..43ae0fa 100644
--- a/ts_web/elements/dees-spinner.ts
+++ b/ts_web/elements/dees-spinner.ts
@@ -61,16 +61,12 @@ export class DeesSpinner extends DeesElement {
       }
 
       #loading.success {
-        border: 0px solid rgba(255, 255, 255, 0);
-        background: #8bc34a;
         border-radius: 50%;
         animation: none;
         -webkit-animation: none;
       }
 
       #loading.error {
-        border: 0px solid rgba(255, 255, 255, 0);
-        background: #e64a19;
         border-radius: 50%;
         animation: none;
         -webkit-animation: none;
@@ -88,11 +84,18 @@ export class DeesSpinner extends DeesElement {
       }
 
       dees-icon {
-        color: #fff;
         position: absolute;
         height: 100%;
         width: 100%;
       }
+
+      #loading.success dees-icon {
+        color: #8bc34a;
+      }
+
+      #loading.error dees-icon {
+        color: #e64a19;
+      }
     `,
   ];
 
@@ -103,6 +106,12 @@ export class DeesSpinner extends DeesElement {
           width: ${this.size}px;
           height: ${this.size}px;
         }
+        #loading.success {
+          border: ${Math.round(this.size * 0.08)}px solid ${cssManager.bdTheme(`#8bc34a`, '#8bc34a')}
+        }
+        #loading.error {
+          border: ${Math.round(this.size * 0.1)}px solid ${cssManager.bdTheme(`#e64a19`, '#e64a19')}
+        }
         dees-icon {
           font-size: ${Math.round(this.size * 0.6)}px;
         }