R Markdown-自定义目录HTML

Question

我将TOC添加到我的HTML文档中，并使用以下CSS对其进行样式设置。但是我无法弥合下图中的蓝色空白吗？我找不到合适的财产。

image description

<style type="text/css">
.main-container {
  max-width: 100%;
}

#TOC {
  margin: 20px 0px 1px 0px;
}
@media (max-width: 1800px) {
#TOC {
    width: 200px;
    margin-left: -20px;
}
}


.toc-content {
  padding-left: 1px;
  padding-right: 1px;
}

div.main-container {
  max-width: 100%;
}

div.tocify {
  width: 50%;
  max-width: 100px;
  max-height: 85%;
}

@media (max-width: 1800px) {
  div.tocify {
    width: 100%;
    max-width: none;
  }
}
</style>