Fixes

bigbluebutton-html5/client/stylesheets/modals.css

-:root{
-  --enableAnimation: 1;
-}
-
 .ReactModal__Overlay {
   -webkit-perspective: 600;
   perspective: 600;

bigbluebutton-html5/imports/ui/components/audio/audio-controls/styles.scss

@@ -37,11 +37,13 @@
   }
 }
 
-    [style~="--enableAnimation:0;"] .button.glow {
-    background-clip: padding-box;
-    border: 3px solid transparent;
-    box-shadow: 0 0 0 2px rgba(255,255,255,.5);
-    }
+[style~="--enableAnimation:0;"] .button.glow span {
+  content: '';
+  outline: none !important;
+  background-clip: padding-box;
+  border: var(--border-size-large) solid transparent;
+  box-shadow: 0 0 0 var(--border-size) rgba(255,255,255,.5);
+}
 
 @keyframes pulse {
   0% {

bigbluebutton-html5/imports/ui/components/tooltip/component.jsx

@@ -69,18 +69,15 @@ class Tooltip extends Component {
   componentDidUpdate() {
     const { enableAnimation } = this.state;
     const { animations } = Settings.application;
+
     if (animations !== enableAnimation) {
       const elements = document.querySelectorAll('[id^="tippy-"]');
       elements.forEach((e) => {
         const instance = e._tippy;
-        if (animations) instance.set({ animation: 'shift-away' });
-        if (!animations) instance.set({ animation: 'none' });
+        instance.set({ animation: animations ? 'shift-away' : 'none' });
       });
-      if (animations) {
-        this.setEnableAnimation(true);
-      } else {
-        this.setEnableAnimation(false);
-      }
+
+      this.setEnableAnimation(animations);
     }
   }
 

bigbluebutton-html5/private/config/settings.yml

@@ -18,7 +18,7 @@ public:
     askForFeedbackOnLogout: false
     defaultSettings:
       application:
-        animations: false
+        animations: true
         chatAudioAlerts: false
         chatPushAlerts: false
         fallbackLocale: en