1 files changed, 6 insertions, 5 deletions
diff --git a/packages/backend/src/pages/DepletedTip.tsx b/packages/backend/src/pages/DepletedTip.tsx
index 8345484..756b08d 100644
--- a/packages/backend/src/pages/DepletedTip.tsx
+++ b/packages/backend/src/pages/DepletedTip.tsx
@@ -23,21 +23,22 @@ import { render as renderToString } from 'preact-render-to-string';
 import { Footer } from '../components/Footer';
 import "../css/pure-min.css";
 import "../css/style.css";
+import { Page } from '../styled';
 
 function Head(): VNode {
   return <title>Status of your tip</title>
 }
 
 export function DepletedTip(): VNode {
-  return <Fragment>
-    <section id="main" class="content">
-      <h1 style={{ textAlign: 'center' }}>Tip already collected</h1>
-      <div style={{ textAlign: 'center' }}>
+  return <Page>
+    <section>
+      <h1>Tip already collected</h1>
+      <div>
         You have already collected this tip.
       </div>
     </section>
     <Footer />
-  </Fragment>
+  </Page>
 }
 
 export function mount(): void {