diff --git a/docs/index.md b/docs/index.md
index 3888880fa..9e638b914 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -17,7 +17,7 @@
 }
 </style>
 
-<p class="badges" height=20px>
+<div class="badges">
     <iframe src="https://ghbtns.com/github-btn.html?user=encode&amp;repo=django-rest-framework&amp;type=watch&amp;count=true" class="github-star-button" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
 
     <a href="https://github.com/encode/django-rest-framework/actions/workflows/main.yml">
@@ -27,7 +27,7 @@
     <a href="https://pypi.org/project/djangorestframework/">
         <img src="https://img.shields.io/pypi/v/djangorestframework.svg" class="status-badge">
     </a>
-</p>
+</div>
 
 ---
 
diff --git a/docs/theme/stylesheets/extra.css b/docs/theme/stylesheets/extra.css
index 826828e6b..f8fae6d49 100644
--- a/docs/theme/stylesheets/extra.css
+++ b/docs/theme/stylesheets/extra.css
@@ -17,6 +17,13 @@ body hr {
   border-top: 1px dotted var(--md-accent-fg-color--dark);
 }
 
+.badges {
+  display: flex;
+  flex-direction: row-reverse;
+  align-content: end;
+  gap: 8px;
+}
+
 /* Cutesy quote styling */
 [dir="ltr"] .md-typeset blockquote {
   font-family: Georgia, serif;