diff --git a/src/app/[...file]/content.tsx b/src/app/[...file]/components/content.tsx
similarity index 100%
rename from src/app/[...file]/content.tsx
rename to src/app/[...file]/components/content.tsx
diff --git a/src/app/[...file]/download_tty.css.ts b/src/app/[...file]/components/download_tty.css.ts
similarity index 90%
rename from src/app/[...file]/download_tty.css.ts
rename to src/app/[...file]/components/download_tty.css.ts
index 622f116..c9a37c0 100644
--- a/src/app/[...file]/download_tty.css.ts
+++ b/src/app/[...file]/components/download_tty.css.ts
@@ -1,6 +1,6 @@
 import { style } from '@vanilla-extract/css';
 
-import * as colors from '../colors.css';
+import * as colors from '../../colors.css';
 
 export const download_tty = style({
 	display:    'block',
diff --git a/src/app/[...file]/download_tty.tsx b/src/app/[...file]/components/download_tty.tsx
similarity index 100%
rename from src/app/[...file]/download_tty.tsx
rename to src/app/[...file]/components/download_tty.tsx
diff --git a/src/app/[...file]/types/error/content_type.tsx b/src/app/[...file]/components/types/error/content_type.tsx
similarity index 100%
rename from src/app/[...file]/types/error/content_type.tsx
rename to src/app/[...file]/components/types/error/content_type.tsx
diff --git a/src/app/[...file]/types/error/network.tsx b/src/app/[...file]/components/types/error/network.tsx
similarity index 100%
rename from src/app/[...file]/types/error/network.tsx
rename to src/app/[...file]/components/types/error/network.tsx
diff --git a/src/app/[...file]/types/image.css.ts b/src/app/[...file]/components/types/image.css.ts
similarity index 100%
rename from src/app/[...file]/types/image.css.ts
rename to src/app/[...file]/components/types/image.css.ts
diff --git a/src/app/[...file]/types/image.tsx b/src/app/[...file]/components/types/image.tsx
similarity index 100%
rename from src/app/[...file]/types/image.tsx
rename to src/app/[...file]/components/types/image.tsx
diff --git a/src/app/[...file]/types/terminal.css.ts b/src/app/[...file]/components/types/terminal.css.ts
similarity index 100%
rename from src/app/[...file]/types/terminal.css.ts
rename to src/app/[...file]/components/types/terminal.css.ts
diff --git a/src/app/[...file]/types/terminal.tsx b/src/app/[...file]/components/types/terminal.tsx
similarity index 100%
rename from src/app/[...file]/types/terminal.tsx
rename to src/app/[...file]/components/types/terminal.tsx
diff --git a/src/app/[...file]/types/text.css.ts b/src/app/[...file]/components/types/text.css.ts
similarity index 86%
rename from src/app/[...file]/types/text.css.ts
rename to src/app/[...file]/components/types/text.css.ts
index 326e45c..762f02d 100644
--- a/src/app/[...file]/types/text.css.ts
+++ b/src/app/[...file]/components/types/text.css.ts
@@ -1,6 +1,6 @@
 import { style } from '@vanilla-extract/css'
 
-import * as colors from '../../colors.css'
+import * as colors from '../../../colors.css'
 
 export const group = style({
 	display:    'flex',
@@ -9,7 +9,6 @@ export const group = style({
 	lineHeight: '1.4em',
 	whiteSpace: 'pre',
 	tabSize:    4,
-	overflowX:  'scroll',
 	'@media': {
 		'screen and (min-width: 768px)': {
 			fontSize: '1.1em',
@@ -23,4 +22,5 @@ export const line_numbers = style({
 	paddingRight: '0.5em',
 	color:        colors.foreground2,
 	textAlign:    'right',
+	userSelect:   'none',
 });
diff --git a/src/app/[...file]/types/text.tsx b/src/app/[...file]/components/types/text.tsx
similarity index 100%
rename from src/app/[...file]/types/text.tsx
rename to src/app/[...file]/components/types/text.tsx
diff --git a/src/app/[...file]/page.css.ts b/src/app/[...file]/page.css.ts
index 060cbb8..1a76bed 100644
--- a/src/app/[...file]/page.css.ts
+++ b/src/app/[...file]/page.css.ts
@@ -107,3 +107,7 @@ export const download_tty_group = style({
 	},
 });
 
+export const wrapper = style({
+	overflowX:     'scroll',
+	paddingBottom: '1em',
+});
diff --git a/src/app/[...file]/page.tsx b/src/app/[...file]/page.tsx
index ecd9095..e40ff15 100644
--- a/src/app/[...file]/page.tsx
+++ b/src/app/[...file]/page.tsx
@@ -1,8 +1,8 @@
 import type { Metadata } from 'next';
 import Image from 'next/image';
 
-import DownloadTTY from './download_tty';
-import Content from './content';
+import DownloadTTY from './components/download_tty';
+import Content from './components/content';
 import * as style from './page.css';
 import download_image_dark from './download_dark.svg';
 import download_image_light from './download_light.svg';
@@ -68,7 +68,10 @@ export default async function Page({
 				<div className={style.download_tty_group}>
 					{download_ttys.map((text, index) => <DownloadTTY key={index} text={text} />)}
 				</div>
-				<Content src={`${root}${path}`} />
+
+				<div className={style.wrapper}>
+					<Content src={`${root}${path}`} />
+				</div>
 			</div>
 		</div>
 	);