From 902b0a9fbdfd51f2fbcc610df32c31292b7dcbf2 Mon Sep 17 00:00:00 2001
From: Constance Chen <constance.chen.3@gmail.com>
Date: Thu, 18 Aug 2022 11:08:23 -0700
Subject: [PATCH] Fix non-css literal issues caught

---
 src-docs/src/views/auto_sizer/auto_sizer.tsx | 4 +++-
 src-docs/src/views/scroll/scroll.tsx         | 4 +++-
 src-docs/src/views/scroll/scroll_y.tsx       | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src-docs/src/views/auto_sizer/auto_sizer.tsx b/src-docs/src/views/auto_sizer/auto_sizer.tsx
index aef1db293a34..d0dc6f35cff9 100644
--- a/src-docs/src/views/auto_sizer/auto_sizer.tsx
+++ b/src-docs/src/views/auto_sizer/auto_sizer.tsx
@@ -25,7 +25,9 @@ export default () => {
       <EuiAutoSizer>
         {({ height, width }) => (
           <EuiPanel css={[panelStyles, { height, width }]}>
-            <EuiCode>{`height: ${height}, width: ${width}`}</EuiCode>
+            <EuiCode>
+              height: {height}, width: {width}
+            </EuiCode>
           </EuiPanel>
         )}
       </EuiAutoSizer>
diff --git a/src-docs/src/views/scroll/scroll.tsx b/src-docs/src/views/scroll/scroll.tsx
index 1df58e6d54cd..d5a96d8b3309 100644
--- a/src-docs/src/views/scroll/scroll.tsx
+++ b/src-docs/src/views/scroll/scroll.tsx
@@ -137,8 +137,10 @@ export default () => {
           snippetLanguage="scss"
           snippet={`.scrollBarRegion {
   @include euiScrollBar;
+  ${/* eslint-disable-next-line local/css-logical-properties */ ''}
   overflow-y: auto;
-  height: $euiSize * 10;
+  overflow-block: auto;
+  block-size: $euiSize * 10;
 }`}
         />
       )}
diff --git a/src-docs/src/views/scroll/scroll_y.tsx b/src-docs/src/views/scroll/scroll_y.tsx
index 8cfacedd075b..47f0edd6aae2 100644
--- a/src-docs/src/views/scroll/scroll_y.tsx
+++ b/src-docs/src/views/scroll/scroll_y.tsx
@@ -126,7 +126,7 @@ export default () => {
           snippetLanguage="scss"
           snippet={`.overflowShadowsY {
   @include euiYScrollWithShadows;
-  height: 180px;
+  block-size: 180px;
 }`}
         />
       )}