Я пытаюсь добавить выпадающее меню настроек в раздел комментариев в проекте, который ямы работали над

Выпадающее меню кажется обрезанным, и я не уверен, почему это так.

Я старалсяoverflow:visible and z-index:999, но ни один из них, кажется, не работает.

Это основной блок комментариев, который я пытаюсь включить в раскрывающийся список

Это основной код, который я пытаюсь реализовать

    <a class="pull-left" href="/user/{{shared_scribble.scribble.user.username}}/"><img class="media-object" src="/img.png/"></a>
    
        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" style="font-size:10px;padding: 4px 8px;">
             
        </a>
        
            <a href="#"> Edit</a>
            <a href="#"> Delete</a>
            <a href="#"> Ban</a>
            
            <a href="#"> Make admin</a>
        
    
    
        <a class="username" href="https://stackoverflow.com/user/hi/">Test User
        <p>
            Main body of the comment
        </p>
    

</a>

И вот как мое выпадающее меню оказывается

.media,
.media-body {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media .pull-left {
  margin-right: 10px;
}
.media .pull-right {
  margin-left: 10px;
}
.media-list {
  margin-left: 0;
  list-style: none;
}