diff --git a/src/App.vue b/src/App.vue
index 79d6ce9..e3ebb68 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,6 +9,10 @@
 </template>
 
 <style lang="scss" scoped>
+main {
+  user-select: none;
+}
+
 main.loading-box {
   height: 100vh;
   display: flex;
diff --git a/src/components/DeckBuilder/CardPicker.vue b/src/components/DeckBuilder/CardPicker.vue
index 3d4534b..1de9c09 100644
--- a/src/components/DeckBuilder/CardPicker.vue
+++ b/src/components/DeckBuilder/CardPicker.vue
@@ -18,10 +18,14 @@ $padding: 10px;
   height: 100%;
   display: grid;
   grid-gap: $padding;
-  padding: $padding;
+  padding: ($padding * 4) $padding;
+  grid-row-gap: $padding * 4;
   .ccgcard {
     display: flex;
     align-items: center;
+    &:hover img {
+      box-shadow: 0 0 15px 5px rgba(200, 210, 255, 0.5);
+    }
   }
 }
 </style>