diff --git a/src/components/DeckButton.tsx b/src/components/DeckButton.tsx
index 4909f45..c8468b5 100644
--- a/src/components/DeckButton.tsx
+++ b/src/components/DeckButton.tsx
@@ -17,7 +17,7 @@ export default function DeckButton(props: Props) {
       <View style={style.view}>
         <TouchableHighlight
           style={style.touchable}
-          underlayColor={'#f0f'}
+          underlayColor={'#0e86d4'}
           onPress={() => console.log(props.text)}
           onLongPress={() => console.log('long press')}>
           <Text style={style.text}>{props.text}</Text>
@@ -29,18 +29,21 @@ export default function DeckButton(props: Props) {
 
 const style = StyleSheet.create({
   view: {
-    backgroundColor: '#ff4000',
+    backgroundColor: '#055c9d',
     flexBasis: (1 / 3) * 100 + '%',
     height: Dimensions.get('window').height / 7,
-    borderColor: '#94f713',
-    borderWidth: 1,
-    flex: 1,
+    borderColor: '#003060',
+    borderWidth: 3,
   },
   touchable: {
     width: '100%',
     height: '100%',
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
   },
   text: {
     textAlign: 'center',
+    color: 'white',
   },
 });