I'm trying to add a space between my table border and a list. List can be of any type like ordered list, unordered list or checklist. Currently my half list is hidden under the table For better view i'm adding an image below

I tried this css

 ul, ol {    
    list-style-position: inside;    
    text-indent: 5px;    
  }
    
  .todo-list{    
    text-indent: 15px;    
  }

But this results to below image which causes to add extra space on left side after table area finishes.

Thanks in advance. Css or JS solutions both will work. Can we add any kind of invisible margin from the table border?