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