diff --git a/components/Broken.tsx b/components/Broken.tsx
index f31fc98..77c417d 100644
--- a/components/Broken.tsx
+++ b/components/Broken.tsx
@@ -1,19 +1,20 @@
-import {Dialog, Title, useTheme} from "react-native-paper";
-import { Image } from "react-native";
+import {Title, useTheme} from "react-native-paper";
+import { Image, View } from "react-native";
 import React from "react";
 
-const theme = useTheme();
+
 
 const Broken = () => {
+    const theme = useTheme();
     return (
-        <Dialog.Content>
+        <View>
             <Title style={{color: theme.colors.onBackground, fontSize: 16, textAlign: 'center', fontFamily: "Light"}}>The Internet is a Series of Tubes</Title>
             <Image
                 source={require("../assets/images/broken.png")}
                 style={{ alignSelf: 'center', resizeMode: "contain", height: 400/3 }}
             />
             <Title style={{color: theme.colors.onBackground, fontSize: 16, textAlign: 'center', fontFamily: "Light"}}>And these aren't connected. {"\n"} (We're still working on this part.)</Title>
-        </Dialog.Content>
+        </View>
     );
 };