diff --git a/src/Client/src/app/pages/jobs/viewer/jobviewer.component.css b/src/Client/src/app/pages/jobs/viewer/jobviewer.component.css
index 1ce3c33..3644a9c 100644
--- a/src/Client/src/app/pages/jobs/viewer/jobviewer.component.css
+++ b/src/Client/src/app/pages/jobs/viewer/jobviewer.component.css
@@ -1,5 +1,5 @@
 .company-details {
-    background-color: #5c3030;
+    background-color: var(--mistox-bg-light);
 }
 
 .company-details::after {
@@ -82,7 +82,7 @@
 }
 
 .job-details {
-    background-color: #3c3c3c;
+    padding-bottom: 40px;
 }
 
 .job-timestamp {
diff --git a/src/Client/src/app/pages/jobs/viewer/jobviewer.component.html b/src/Client/src/app/pages/jobs/viewer/jobviewer.component.html
index b0f8daf..cba83bb 100644
--- a/src/Client/src/app/pages/jobs/viewer/jobviewer.component.html
+++ b/src/Client/src/app/pages/jobs/viewer/jobviewer.component.html
@@ -1,26 +1,5 @@
 <div class="job-frame">
-    @if (jobsCompany != null){
-        <div class="company-details">
-            <div class="center-item">
-                <a [href]="jobsCompany.websiteURL">
-                    <img [src]="jobsCompany.logo" />
-                </a>
-            </div>
-            <div class="center-item">
-                <div class="content-link"><a [href]="'mailto:' + jobsCompany.email" >{{ jobsCompany.email }}</a></div>
-                <div class="content-name"><h1>{{ jobsCompany.name }}</h1></div>
-                <div class="content-link"><a [href]="'tel:' + jobsCompany.phone">{{ jobsCompany.phone }}</a></div>
-            </div>
-            <div class="center-item">
-                <h1>{{ jobsCompany.city }}, {{ jobsCompany.stateOrRegion }} {{ jobsCompany.postalCode }}</h1>
-            </div>
-            <div class="content-desc">
-                @for(line of jobsCompany.description.split('\n'); track line.length){
-                    <h1>{{ line }}</h1>
-                }
-            </div>
-        </div>
-    }
+
     @if (selectedJob != null) {
         <div class="job-details">
             @if (selectedJob.isDeleted){
@@ -32,6 +11,12 @@
                 <h1>{{ selectedJob.title }}</h1>
             </div>
             <div class="split">
+                <div class="nobreak">
+                    <h1>Job Description: </h1>
+                    <div class="description-box">
+                        <h1>{{ selectedJob.description }}</h1>
+                    </div>
+                </div>
                 <div class="nobreak">
                     <h1>Job Details:</h1>
                     <div class="detail-block">
@@ -78,12 +63,6 @@
                         <span>Opened: {{ selectedJob.createdTime }} | Last Updated: {{ selectedJob.modifiedTime }}</span>
                     </div>
                 </div>
-                <div class="nobreak">
-                    <h1>Job Description: </h1>
-                    <div class="description-box">
-                        <h1>{{ selectedJob.description }}</h1>
-                    </div>
-                </div>
             </div>
 
             <div class="bottom-bar">
@@ -93,4 +72,28 @@
             </div>
         </div>
     }
+
+    @if (jobsCompany != null){
+        <div class="company-details">
+            <div class="center-item">
+                <a [href]="jobsCompany.websiteURL">
+                    <img [src]="jobsCompany.logo" />
+                </a>
+            </div>
+            <div class="center-item">
+                <div class="content-link"><a [href]="'mailto:' + jobsCompany.email" >{{ jobsCompany.email }}</a></div>
+                <div class="content-name"><h1>{{ jobsCompany.name }}</h1></div>
+                <div class="content-link"><a [href]="'tel:' + jobsCompany.phone">{{ jobsCompany.phone }}</a></div>
+            </div>
+            <div class="center-item">
+                <h1>{{ jobsCompany.city }}, {{ jobsCompany.stateOrRegion }} {{ jobsCompany.postalCode }}</h1>
+            </div>
+            <div class="content-desc">
+                @for(line of jobsCompany.description.split('\n'); track line.length){
+                    <h1>{{ line }}</h1>
+                }
+            </div>
+        </div>
+    }
+
 </div>
\ No newline at end of file