diff --git a/src/App.css b/src/App.css
index 3928a58..0d4594d 100644
--- a/src/App.css
+++ b/src/App.css
@@ -184,18 +184,21 @@
 }
 
 .footer {
-  position: sticky; /* sticks at bottom of parent */
+  position: sticky;
   bottom: 0;
-  width: 100%;
+  width: fit-content;
+  align-self: flex-end;
   padding: 0.5rem 1rem;
   background: var(--card-bg, #1e1e1e);
   color: var(--text-h, #f0f0f0);
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
+  gap: 1rem;
+  border-radius: 8px 0 0 0;
   border: 1px solid var(--border, #333);
+  border-right: none;
+  border-bottom: none;
   z-index: 10;
 }