diff --git a/src/components/FortuneCookie.tsx b/src/components/FortuneCookie.tsx
index 10275ff..b2e8824 100644
--- a/src/components/FortuneCookie.tsx
+++ b/src/components/FortuneCookie.tsx
@@ -22,6 +22,9 @@ const FortuneFrame = styled(Frame).attrs({
   display: flex;
   flex-direction: column;
   gap: 12px;
+  width: 100%;
+  max-width: 360px;
+  box-sizing: border-box;
 `
 
 const FortuneText = styled(Frame).attrs({ variant: 'well' as const })`
diff --git a/src/routes/Fortune.tsx b/src/routes/Fortune.tsx
index 7d3139f..0199891 100644
--- a/src/routes/Fortune.tsx
+++ b/src/routes/Fortune.tsx
@@ -8,11 +8,16 @@ const FortuneContainer = styled.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
+  width: 100%;
+  padding: 16px;
+  align-items: center;
+  box-sizing: border-box;
 `
 
 const Title = styled.h1`
   margin: 0;
   font-size: 24px;
+  text-align: center;
 `
 
 const Fortune: FC<WindowComponentProps> = () => {