diff --git a/src/Components/Case/CaseTypePage.js b/src/Components/Case/CaseTypePage.js
index 52303f6..8c4c633 100644
--- a/src/Components/Case/CaseTypePage.js
+++ b/src/Components/Case/CaseTypePage.js
@@ -1,4 +1,5 @@
 import { useState } from "react";
+
 import "../../styles/casetype-page.scss";
 const CaseTypePage = () => {
   const [email, setEmail] = useState("");
@@ -7,7 +8,7 @@ const CaseTypePage = () => {
   const [leadAttorney, setLeadAttorney] = useState("");
 
   return (
-    <>
+    <div className="type-container">
       <div className="type-row">
         <div className="type-col">
           <input
@@ -52,7 +53,7 @@ const CaseTypePage = () => {
           ></input>
         </div>
       </div>
-    </>
+    </div>
   );
 };
 
diff --git a/src/styles/casetype-page.scss b/src/styles/casetype-page.scss
index 59c2d81..b859d98 100644
--- a/src/styles/casetype-page.scss
+++ b/src/styles/casetype-page.scss
@@ -1,7 +1,18 @@
+.type-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  margin-left: auto;
+  margin-right: auto;
+  width: 900px;
+}
+
 .type-row {
   display: flex;
   flex-direction: row;
   justify-content: center;
+  width: 100%;
   margin-left: auto;
   margin-right: auto;
 }
@@ -9,6 +20,7 @@
 .type-col {
   display: flex;
   flex-direction: column;
+  width: 50%;
 }
 
 .case-tag-container {