diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 4eb3380..e680410 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -8,6 +8,17 @@ on:
 jobs:
   build-and-push:
     runs-on: ubuntu-latest
+    env:
+      WDS_SOCKET_PORT: 0
+      REACT_APP_FIREBASE_API_KEY: ${{ secrets.REACT_APP_FIREBASE_API_KEY }}
+      REACT_APP_FIREBASE_AUTH_DOMAIN: rezume-a5269.firebaseapp.com
+      REACT_APP_FIREBASE_PROJECT_ID: rezume-a5269
+      REACT_APP_FIREBASE_STORAGE_BUCKET: gs://rezume-a5269.appspot.com
+      REACT_APP_FIREBASE_MESSAGING_SENDER_ID: 60826985488
+      REACT_APP_FIREBASE_APP_ID: 1:60826985488:web:2637058eb25c03f5d39695
+      REACT_APP_FIREBASE_MEASUREMENT_ID: G-RVFTFZWE97
+      REACT_APP_FIREBASE_DATABASE_URL: https://rezume-a5269-default-rtdb.asia-southeast1.firebasedatabase.app/
+
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
@@ -18,26 +29,16 @@ jobs:
           username: gautampatil1
           password: ${{ secrets.DOCKER_PASSWORD }}
 
-      - name: Set up environment variables
-        run: |
-          echo "WDS_SOCKET_PORT=0" >> .env
-          echo "REACT_APP_FIREBASE_API_KEY=${{ secrets.REACT_APP_FIREBASE_API_KEY }}" >> .env
-          echo "REACT_APP_FIREBASE_AUTH_DOMAIN=${{ secrets.REACT_APP_FIREBASE_AUTH_DOMAIN }}" >> .env
-          echo "REACT_APP_FIREBASE_PROJECT_ID=${{ secrets.REACT_APP_FIREBASE_PROJECT_ID }}" >> .env
-          echo "REACT_APP_FIREBASE_STORAGE_BUCKET=${{ secrets.REACT_APP_FIREBASE_STORAGE_BUCKET }}" >> .env
-          echo "REACT_APP_FIREBASE_MESSAGING_SENDER_ID=${{ secrets.REACT_APP_FIREBASE_MESSAGING_SENDER_ID }}" >> .env
-          echo "REACT_APP_FIREBASE_APP_ID=${{ secrets.REACT_APP_FIREBASE_APP_ID }}" >> .env
-          echo "REACT_APP_FIREBASE_MEASUREMENT_ID=${{ secrets.REACT_APP_FIREBASE_MEASUREMENT_ID }}" >> .env
-          echo "REACT_APP_FIREBASE_DATABASE_URL=${{ secrets.REACT_APP_FIREBASE_DATABASE_URL }}" >> .env
-
       - name: Build Docker image
         run: docker build -t gautampatil1/rezume:latest .
 
       - name: Push Docker image to Docker Hub
         run: docker push gautampatil1/rezume:latest
 
+      - name: Log in to GitHub Container Registry
+        run: echo "${{ secrets.GH_PAT }}" | docker login ghcr.io -u gautampatil1 --password-stdin
+
       - name: Push Docker image to ghcr.io
         run: |
-          docker login --username gautampatil1 --password ${{ secrets.GH_PAT }} ghcr.io
           docker tag gautampatil1/rezume:latest ghcr.io/gautampatil1/rezume:latest
           docker push ghcr.io/gautampatil1/rezume:latest
diff --git a/docker-compose.yml b/docker-compose.yml
index 7d52c8d..9d899ed 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -7,5 +7,3 @@ services:
       dockerfile: Dockerfile
     ports:
       - "3000:80"
-    env_file:
-      - .env
diff --git a/src/components/Viewer.jsx b/src/components/Viewer.jsx
index 357d1fa..6a1fff5 100644
--- a/src/components/Viewer.jsx
+++ b/src/components/Viewer.jsx
@@ -3,6 +3,7 @@ import React, { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
 import styles from "./styles/Viewer.module.css";
 import { readUserData } from "../firebase";
+import Navbar from "./Navbar";
 
 export default function Viewer() {
   const { param } = useParams();
@@ -30,12 +31,11 @@ export default function Viewer() {
 
   return (
     <div className={styles.container}>
+      <Navbar />
       <div className={styles.pdf}>
-        <iframe src={`https://docs.google.com/viewerng/viewer?url=`+fileUrl} frameborder="0"></iframe>
-        {/* <iframe
+        <iframe
           src={`https://docs.google.com/gview?url=${userData.file}&embedded=true`}
-        >
-        </iframe> */}
+        ></iframe>
       </div>
     </div>
   );
diff --git a/src/components/styles/Viewer.module.css b/src/components/styles/Viewer.module.css
index 56e6244..2a2db4e 100644
--- a/src/components/styles/Viewer.module.css
+++ b/src/components/styles/Viewer.module.css
@@ -1,7 +1,13 @@
 .pdf embed, iframe, object{
-    height: 100vh;
+    height: 140vh;
     width: 100%;
 }
+*, body{
+    background-color: black;
+}
+.react-pdf_Page_Canvas{
+    background-color: black;
+}
 
 .container{
     display: flex;
@@ -10,3 +16,9 @@
     width: 100%;
 }
 
+@media screen and (max-width: 768px){
+    .pdf embed, iframe, object{
+        height: 60vh;   
+    }
+    
+}
\ No newline at end of file