Fix drawer content not expanding properly

Refs: #7487

Author: anicyne

packages/components/src/components/drawer/style.scss

@@ -3,6 +3,7 @@
 
 @layer kol-component {
 	.kol-drawer {
+		$root: &;
 		font-size: rem(16);
 
 		&__dialog {
@@ -21,27 +22,51 @@
 				left: 0;
 				height: 100vh;
 				max-height: 100%;
+
+				#{$root}__content {
+					height: 100%;
+					max-width: rem(400);
+					box-sizing: border-box;
+				}
 			}
 
 			&--right {
 				top: 0;
 				right: 0;
 				height: 100vh;
 				max-height: 100%;
+
+				#{$root}__content {
+					height: 100%;
+					max-width: rem(400);
+					box-sizing: border-box;
+				}
 			}
 
 			&--top {
 				left: 0;
 				top: 0;
 				width: 100vw;
 				max-width: 100%;
+
+				#{$root}__content {
+					width: 100%;
+					max-height: rem(400);
+					box-sizing: border-box;
+				}
 			}
 
 			&--bottom {
 				left: 0;
 				bottom: 0;
 				width: 100vw;
 				max-width: 100%;
+
+				#{$root}__content {
+					width: 100%;
+					max-height: rem(400);
+					box-sizing: border-box;
+				}
 			}
 		}