I want my wofi to show up like this:

Here there is no gap or space between entries to indicate that it is an expandable one

Currently in my setup I have gaps. How do I turn it off??

My config code config.json

columns=1
height=55%
hide_scroll=true
insensitive=true
layer=top
location=center
orientation=vertical
prompt=
width=25%

style.css

* {
  all: unset;
  font-family: "FiraMono Nerd Font";
  font-size: 10pt;
  font-weight: normal;
}

#window {
  background: #3c3836;
  border-radius: 8px;
  border: 1px solid #504945;
}

#input {
  background: #3c3836;
  border-bottom: 1px solid #504945;
  color: #ebdbb2;
  margin-bottom: 4px;
  padding: 4px;
}

#input > image.left {
  margin-right: 4px;
}

#input > image.right {
  margin-left: 4px;
}

#outer-box {
  padding: 4px;
}

#text {
  color: #ebdbb2;
}

#entry {
  border-radius: 4px;
  padding: 4px;
}

#entry:selected {
  background: #504945;
}