[id^=ws-extensions-t-] {
  margin: var(--pf-t--global--spacer--300);
  height: 600px;
}
.pf-topology-visualization-surface {
  border: 1px solid var(--pf-t--color--black);
}

@media (min-width: 768px) {
  .topology-example-sidebar.pf-topology-side-bar.shown {
    max-width: 300px;
  }
}

.pf-theme-dark .ws-extensions-t-about-topology,
.pf-theme-dark .ws-extensions-t-anchors,
.pf-theme-dark .ws-extensions-t-control-bar,
.pf-theme-dark .ws-extensions-t-context-menu,
.pf-theme-dark .ws-extensions-t-custom-edges,
.pf-theme-dark .ws-extensions-t-custom-nodes,
.pf-theme-dark .ws-extensions-t-layouts,
.pf-theme-dark .ws-extensions-t-pan-and-zoom,
.pf-theme-dark .ws-extensions-t-selection,
.pf-theme-dark .ws-extensions-t-sidebar,
.pf-theme-dark .ws-extensions-t-toolbar {
  border: 1px solid var(--pf-t--color--gray--20);
}

.ws-extensions-t-topology .pf-v6-l-stack {
  margin: -9px;
  width: calc(100% + 18px);
}

.ws-extensions-t-topology .pf-topology-view__project-toolbar .pf-v6-c-dropdown>button {
  justify-content: space-between;
  width: 150px;
}

.ws-extensions-t-topology .topology-view-filter-dropdown>button {
  justify-content: space-between;
  width: 130px;
}