diff --git a/src/components/avatar/_avatar.scss b/src/components/avatar/_avatar.scss
index 95550d14536..7bd6ea43f5c 100644
--- a/src/components/avatar/_avatar.scss
+++ b/src/components/avatar/_avatar.scss
@@ -12,7 +12,7 @@
   font-weight: 400;
   line-height: 1;
   max-width: 100%;
-  max-height: auto;
+  max-height: 100%;
   text-align: center;
   overflow: visible;
   position: relative;
@@ -82,7 +82,7 @@
   .b-avatar-img img {
     width: 100%;
     height: 100%;
-    max-height: auto;
+    max-height: 100%;
     border-radius: inherit;
     // This is not supported in IE11 and Edge <16
     // https://caniuse.com/object-fit
diff --git a/src/components/form-spinbutton/_spinbutton.scss b/src/components/form-spinbutton/_spinbutton.scss
index 6c716979e60..b6a756871ae 100644
--- a/src/components/form-spinbutton/_spinbutton.scss
+++ b/src/components/form-spinbutton/_spinbutton.scss
@@ -43,7 +43,7 @@
   }
 
   &:not(.d-inline-flex):not(.flex-column) {
-    output: {
+    output {
       width: 100%;
     }
   }