diff --git a/src/components/HighlightsPanel.tsx b/src/components/HighlightsPanel.tsx
index a4a91d17..9d9da7fc 100644
--- a/src/components/HighlightsPanel.tsx
+++ b/src/components/HighlightsPanel.tsx
@@ -66,7 +66,7 @@ export const HighlightsPanel: React.FC<HighlightsPanelProps> = ({
           title="Expand highlights panel"
           aria-label="Expand highlights panel"
         >
-          <FontAwesomeIcon icon={faChevronLeft} />
+          <FontAwesomeIcon icon={faChevronLeft} rotation={180} />
         </button>
       </div>
     )
diff --git a/src/index.css b/src/index.css
index f1e7c200..211dc0aa 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1079,8 +1079,8 @@ body {
 .highlights-container.collapsed {
   display: flex;
   align-items: flex-start;
-  justify-content: center;
-  padding-top: 1rem;
+  justify-content: flex-start;
+  padding: 0.75rem 0 0 0;
   background: transparent;
   border: none;
 }