diff --git a/src/client/site/common/recipe/crafting_table/crafting_table.jade b/src/client/site/common/recipe/crafting_table/crafting_table.jade
index da52afb11..16d805b81 100644
--- a/src/client/site/common/recipe/crafting_table/crafting_table.jade
+++ b/src/client/site/common/recipe/crafting_table/crafting_table.jade
@@ -8,11 +8,12 @@
 .view__crafting_table
     .input_inventory
         .view__inventory
-    .input_grid
-        .view__crafting_grid
-        .tool
-    .output_slot
-        .view__slot
-        .multiplier
+    .grid_block
+        .input_grid
+            .view__crafting_grid
+            .tool
+        .output_slot
+            .view__slot
+            .multiplier
     .output_inventory
         .view__inventory
diff --git a/src/client/site/common/recipe/crafting_table/crafting_table.scss b/src/client/site/common/recipe/crafting_table/crafting_table.scss
index f0edb4e91..3f8d5d173 100644
--- a/src/client/site/common/recipe/crafting_table/crafting_table.scss
+++ b/src/client/site/common/recipe/crafting_table/crafting_table.scss
@@ -15,42 +15,50 @@
         margin-right: $size-margin-large;
     }
 
-    .input_grid {
+    .grid_block {
         flex: 1 1 100%;
 
-        align-items    : center;
-        display        : flex;
-        flex-direction : column;
+        display: flex;
+        align-items: center;
+        justify-content: center;
 
-        .view__crafting_grid {
+        .input_grid {
             flex: 0 0 auto;
+
+            align-items    : center;
+            display        : flex;
+            flex-direction : column;
+
+            .view__crafting_grid {
+                flex: 0 0 auto;
+            }
+
+            .tool {
+                margin-top : $size-margin-small;
+
+                font-family : $font-family-text;
+                font-size   : $font-size-medium;
+            }
         }
 
-        .tool {
-            margin-top : $size-margin-small;
+        .output_slot {
+            flex: 0 0 auto;
+            margin-left: $size-margin-large;
 
-            font-family : $font-family-text;
-            font-size   : $font-size-medium;
-        }
-    }
+            display         : flex;
+            flex-direction  : column;
+            justify-content : center;
+            align-items     : center;
 
-    .output_slot {
-        flex: 0 0 auto;
-        margin-left: $size-margin-large;
+            .view__slot {
+                border: $size-border-medium solid $color-gray-medium;
+            }
 
-        display         : flex;
-        flex-direction  : column;
-        justify-content : center;
-        align-items     : center;
-
-        .view__slot {
-            border: $size-border-medium solid $color-gray-medium;
-        }
-
-        .multiplier {
-            font-family : $font-family-header;
-            font-size   : $font-size-large;
-            margin-top  : $size-margin-medium;
+            .multiplier {
+                font-family : $font-family-header;
+                font-size   : $font-size-large;
+                margin-top  : $size-margin-medium;
+            }
         }
     }
 
@@ -60,3 +68,36 @@
         margin-left: $size-margin-large;
     }
 }
+
+@include screen-size(mobile) {
+    .view__crafting_table {
+        border-bottom: 1px solid $color-gray-light;
+        padding-bottom: $size-margin-medium;
+
+        flex-direction: column;
+        align-items: center;
+
+        .input_inventory {
+            flex: 0 0 auto;
+            margin-bottom: $size-margin-small;
+        }
+        
+        .grid_block {
+            flex: 0 0 auto;
+
+            .tool {
+                margin-bottom: $size-margin-medium;
+            }
+        }
+
+        .output_inventory {
+            flex: 0 0 auto;
+            margin-left: 0;
+        }
+
+        .view__inventory {
+            margin-left: $size-margin-medium;
+            margin-right: $size-margin-medium;
+        }
+    }
+}
diff --git a/src/client/site/common/recipe/recipe.scss b/src/client/site/common/recipe/recipe.scss
index 5d9bf6d57..1c9244d26 100644
--- a/src/client/site/common/recipe/recipe.scss
+++ b/src/client/site/common/recipe/recipe.scss
@@ -46,4 +46,4 @@
             margin-top  : $size-margin-medium;
         }
     }
-}
\ No newline at end of file
+}