diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 73b96c4..bcddb6f 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.86',
+  version: '1.0.87',
   description: 'website for lossless.com'
 }
diff --git a/ts_web/elements/dees-speechbubble.ts b/ts_web/elements/dees-speechbubble.ts
index acd1be8..c76831b 100644
--- a/ts_web/elements/dees-speechbubble.ts
+++ b/ts_web/elements/dees-speechbubble.ts
@@ -59,13 +59,16 @@ export class DeesSpeechbubble extends DeesElement {
       }
 
       .maincontainer {
+        will-change: transform;
+        transition: transform 0.2s;
+        transform: translateX(0px);
         position: relative;
         transition: all 0.2s;
         margin-left: 0px;
       }
 
       .maincontainer:hover {
-        margin-left: 3px;
+        transform: translateX(3px);
       }
 
       .arrow {