diff --git a/packages/react/src/components/layout/Frame.tsx b/packages/react/src/components/layout/Frame.tsx
index 607afb8a2..89c91360d 100644
--- a/packages/react/src/components/layout/Frame.tsx
+++ b/packages/react/src/components/layout/Frame.tsx
@@ -89,6 +89,17 @@ export function GlobalReactivity() {
   return <></>;
 }
 
+export function CopyrightNotice() {
+  return (
+    <div className="mt-16 text-center text-sm text-base-7">
+      © 2020-2024 Holodex v{lastTag}.{commitsSinceLastTag}
+      <small className="ml-2 inline-block opacity-80">
+        {abbreviatedSha} / {dayjs(new Date(committerDate)).format("lll")}
+      </small>
+    </div>
+  );
+}
+
 const LazyVideoReportDialog = React.lazy(() => import("../video/VideoReport"));
 
 export function Frame() {
@@ -151,12 +162,7 @@ export function Frame() {
               <Outlet />
             </Suspense>
           </ErrorBoundary>
-          <div className="mt-16 text-center text-sm text-base-7">
-            © 2020 Holodex v{lastTag}.{commitsSinceLastTag}
-            <small className="ml-2 opacity-50">
-              {abbreviatedSha} / {dayjs(new Date(committerDate)).format("lll")}
-            </small>
-          </div>
+          <CopyrightNotice />
         </main>
         <SelectionFooter />
         {reportedVideo && (
diff --git a/packages/react/src/components/sidebar/sidebar.tsx b/packages/react/src/components/sidebar/sidebar.tsx
index f16c12a22..971ab60e8 100644
--- a/packages/react/src/components/sidebar/sidebar.tsx
+++ b/packages/react/src/components/sidebar/sidebar.tsx
@@ -129,7 +129,7 @@ export function Sidebar() {
         </div>
         <div className="grow"></div>
         <hr className="mx-3 my-1 border-base" />
-        <div className="flex flex-col space-y-1 px-3 pb-1">
+        <div className="flex flex-col space-y-1 px-3 pb-4">
           {/* <SidebarItem
             label={t("component.mainNav.favorites")}
             icon="i-heroicons:heart"