diff --git a/apps/client/src/index.tsx b/apps/client/src/index.tsx
index c9abe75..271ea21 100644
--- a/apps/client/src/index.tsx
+++ b/apps/client/src/index.tsx
@@ -6,6 +6,7 @@ import App from './pages/app';
 import Create from './pages/create';
 import RandomCard from './pages/random-card';
 
+import './styles/index.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 
 const container = document.getElementById('root');
diff --git a/apps/client/src/pages/about.tsx b/apps/client/src/pages/about.tsx
index 4be12ef..6e4f494 100644
--- a/apps/client/src/pages/about.tsx
+++ b/apps/client/src/pages/about.tsx
@@ -1,5 +1,3 @@
-import '../styles/about.css';
-
 import type React from 'react';
 import type { FC } from 'react';
 import { Card, CardBody, CardHeader, Col, Container, Row } from 'reactstrap';
diff --git a/apps/client/src/pages/random-card.tsx b/apps/client/src/pages/random-card.tsx
index 0e7c989..3eb633e 100644
--- a/apps/client/src/pages/random-card.tsx
+++ b/apps/client/src/pages/random-card.tsx
@@ -1,5 +1,3 @@
-import '../styles/random-card.css';
-
 import React, { FC } from 'react';
 import { Card, CardBody, CardHeader, Col, Container, Row } from 'reactstrap';
 import Banner from '../components/banner/banner';
diff --git a/apps/client/src/styles/create.css b/apps/client/src/styles/create.css
index 8ed24d2..6419573 100644
--- a/apps/client/src/styles/create.css
+++ b/apps/client/src/styles/create.css
@@ -1,7 +1,3 @@
-html body {
-  background-color: #fff;
-}
-
 table {
   table-layout: auto;
   word-wrap: break-word;
diff --git a/apps/client/src/styles/about.css b/apps/client/src/styles/index.css
similarity index 100%
rename from apps/client/src/styles/about.css
rename to apps/client/src/styles/index.css
diff --git a/apps/client/src/styles/random-card.css b/apps/client/src/styles/random-card.css
deleted file mode 100644
index 60beba5..0000000
--- a/apps/client/src/styles/random-card.css
+++ /dev/null
@@ -1,3 +0,0 @@
-html body {
-  background-color: #fff;
-}