diff --git a/static/src/components/input/InputComposer.vue b/static/src/components/input/InputComposer.vue index 5718336..9260146 100644 --- a/static/src/components/input/InputComposer.vue +++ b/static/src/components/input/InputComposer.vue @@ -2968,7 +2968,7 @@ onBeforeUnmount(() => { align-items: flex-end; justify-content: flex-start; width: 45px; - height: 64px; + height: 45px; pointer-events: auto; color: var(--claude-text); } @@ -2979,7 +2979,7 @@ onBeforeUnmount(() => { right: 49px; bottom: calc(100% + 6px); z-index: auto; - height: 64px; + height: 34px; display: flex; align-items: flex-end; justify-content: center; diff --git a/static/src/styles/components/input/_composer.scss b/static/src/styles/components/input/_composer.scss index ae8a83c..cf13b3e 100644 --- a/static/src/styles/components/input/_composer.scss +++ b/static/src/styles/components/input/_composer.scss @@ -1098,10 +1098,10 @@ body[data-theme='light'] { height: 44px; } .composer-container.blank-hero-mode { - transform: translateY(calc(-32vh + var(--composer-growth-height, 0px))); + transform: translateY(calc(-38vh + var(--composer-growth-height, 0px))); } .blank-hero-overlay { - padding-bottom: 136px; + padding-bottom: 160px; } }