diff --git a/src/app/(Authentication)/index.tsx b/src/app/(Authentication)/index.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/img/crosshair.png b/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/img/crosshair.png
new file mode 100644
index 00000000..5ea99a51
Binary files /dev/null and b/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/img/crosshair.png differ
diff --git a/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/img/silly.png b/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/img/silly.png
deleted file mode 100644
index de7e3b40..00000000
Binary files a/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/img/silly.png and /dev/null differ
diff --git a/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/index.tsx b/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/index.tsx
index ff7d12cc..3f49642f 100644
--- a/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/index.tsx
+++ b/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/index.tsx
@@ -1,7 +1,7 @@
 import { BarCodeScanner, BarCodeScannerResult } from 'expo-barcode-scanner';
 import { router } from 'expo-router';
 import React, { useEffect, useState } from 'react';
-import { Image, StyleSheet, Text, View } from 'react-native';
+import { Image, Text, View } from 'react-native';
 import { TouchableOpacity } from 'react-native-gesture-handler';
 import styles from './styles';
 
@@ -42,9 +42,9 @@ function QRCodeScannerScreen() {
       <Text>Add a new case</Text>
       <BarCodeScanner
         onBarCodeScanned={handleBarCodeScanned}
-        style={[StyleSheet.absoluteFillObject]}
+        style={[styles.scanner]} // StyleSheet.absoluteFillObject,
       />
-      <Image style={styles.crosshair} source={require('./img/silly.png')} />
+      <Image style={styles.crosshair} source={require('./img/crosshair.png')} />
 
       <Text>Current Scanning: {data}</Text>
       <TouchableOpacity onPress={() => router.back()} style={styles.button}>
diff --git a/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/styles.ts b/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/styles.ts
index d839016d..4df993bd 100644
--- a/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/styles.ts
+++ b/src/app/(BottomTabNavigation)/Cases/QRCodeScanner/styles.ts
@@ -9,10 +9,10 @@ export default StyleSheet.create({
   },
 
   scanner: {
-    height: 400,
-    width: 400,
+    height: 300,
+    width: 300,
     border: 'solid',
-    borderWidth: 5,
+    borderWidth: 3,
   },
 
   button: {
@@ -23,7 +23,10 @@ export default StyleSheet.create({
   },
 
   crosshair: {
-    height: 400,
-    width: 400,
+    position: 'absolute',
+    top: 120,
+    left: -90,
+    height: 600,
+    width: 600,
   },
 });