diff --git a/projects/js-packages/ai-client/src/components/ai-control/style.scss b/projects/js-packages/ai-client/src/components/ai-control/style.scss index 4fa450bce8456..0bbc0fb42edeb 100644 --- a/projects/js-packages/ai-client/src/components/ai-control/style.scss +++ b/projects/js-packages/ai-client/src/components/ai-control/style.scss @@ -12,7 +12,6 @@ background-color: var( --jp-white ); box-shadow: 0px 12px 15px 0px rgba(0, 0, 0, 0.12), 0px 3px 9px 0px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.15); font-family: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - width: 100%; border-radius: 6px; border: 1px solid var(--gutenberg-gray-400, #CCC); } diff --git a/projects/plugins/jetpack/extensions/blocks/ai-assistant/extensions/jetpack-contact-form/components/ai-assistant-bar/style.scss b/projects/plugins/jetpack/extensions/blocks/ai-assistant/extensions/jetpack-contact-form/components/ai-assistant-bar/style.scss index 85f51e4f545e0..9b6453879e6e2 100644 --- a/projects/plugins/jetpack/extensions/blocks/ai-assistant/extensions/jetpack-contact-form/components/ai-assistant-bar/style.scss +++ b/projects/plugins/jetpack/extensions/blocks/ai-assistant/extensions/jetpack-contact-form/components/ai-assistant-bar/style.scss @@ -1,5 +1,4 @@ .jetpack-ai-assistant__bar { - width: 100%; &:not(.is-fixed) { position: relative; @@ -10,7 +9,7 @@ &.is-fixed { .jetpack-components-ai-control__container-wrapper { position: relative; - padding-bottom: 0; + bottom: 0; } .jetpack-components-ai-control__container { @@ -33,11 +32,12 @@ .jetpack-ai-assistant__bar-wrapper { position: relative; + bottom: 0; } } .jetpack-ai-assistant__bar-wrapper { position: sticky; - bottom: 0; z-index: 30; + bottom: 16px; }