main.css

.dv-active-ring-chart {
  position: relative;
}
.dv-active-ring-chart .active-ring-chart-container {
  width: 100%;
  height: 100%;
}
.dv-active-ring-chart .active-ring-info {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dv-active-ring-chart .active-ring-info .dv-digital-flop {
  width: 100px;
  height: 30px;
}
.dv-active-ring-chart .active-ring-info .active-ring-name {
  width: 100px;
  height: 30px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}