diff --git a/apps/rename-layers-plugin/src/app/app.component.css b/apps/rename-layers-plugin/src/app/app.component.css
index 4cd4e35..869adca 100644
--- a/apps/rename-layers-plugin/src/app/app.component.css
+++ b/apps/rename-layers-plugin/src/app/app.component.css
@@ -1,3 +1,9 @@
+.wrapper {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
 .nav-tabs {
   background-color: var(--background-secondary);
   border-radius: var(--spacing-8);
@@ -23,6 +29,9 @@
   margin-block-end: var(--spacing-8);
 }
 .form {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
   padding-block-start: var(--spacing-8);
 }
 
@@ -59,15 +68,12 @@ button {
 .preview-list {
   background-color: var(--background-tertiary);
   border-radius: var(--spacing-8);
-  font-size: var(--font-size-xs);
+  block-size: 1px;
+  font-size: var(--font-size-s);
   margin-block-start: var(--spacing-8);
-  block-size: 215px;
   overflow: auto;
   padding: var(--spacing-8);
-
-  &.replace {
-    block-size: 175px;
-  }
+  flex-grow: 1;
 
   & .preview-item {
     align-items: center;
diff --git a/apps/rename-layers-plugin/src/app/app.component.html b/apps/rename-layers-plugin/src/app/app.component.html
index fa090dd..3eb9d31 100644
--- a/apps/rename-layers-plugin/src/app/app.component.html
+++ b/apps/rename-layers-plugin/src/app/app.component.html
@@ -16,7 +16,7 @@
   </svg>
 </ng-template>
 
-<div>
+<div class="wrapper">
   <div role="tablist" class="nav-tabs">
     <button
       (click)="selectTab('add')"