Improve the table component

src/_Table.sass

@@ -4,56 +4,49 @@
 
 table
 	border-spacing: 0
+	display: flex
 	width: 100%
 
+thead
+	border-right: .1rem solid $color-quinary
+
+tbody
+	display: flex
+	overflow-x: auto
+	white-space: nowrap
+
+tr
+	border-right: .1rem solid $color-quinary
+
+	&:last-child
+		border-right: 0
+
 td,
 th
-	border-bottom: .1rem solid $color-quinary
+	display: block
 	padding: 1.2rem 1.5rem
 	text-align: left
 
-	&:first-child
+@media (min-width: 40.0rem)
-		padding-left: 0
 
-	&:last-child
+	table
-		padding-right: 0
+		display: table
 
-@media screen and (max-width: 40.0rem)
+	thead
-  table
+		border-right: 0
-    border-spacing: 0
+		overflow-x: visible
-    display: flex
+		white-space: normal
-    width: 100%
 
-    thead
+	tbody
-      border-right: solid .1rem $color-quinary
+		display: table-row-group
 
-      td,
+	tr
-      th
+		border-right: 0
-        padding-left: 0
 
-        &:first-child
+		&:last-child td
-          padding-left: 0
+			border-bottom: 0
 
-        &:last-child
+	td,
-          padding-right: 1.2rem
+	th
-
+		border-bottom: .1rem solid $color-quinary
-    tbody
+		display: table-cell
-      display: flex
-      overflow-x: auto
-      white-space: nowrap
-
-      tr
-        border-right: solid .1rem $color-quinary
-
-        &:last-child
-          border-right: none
-
-    td,
-    th
-      display: block
-
-      &:first-child
-        padding-left: 1.2rem
-
-      &:last-child
-        padding-right: 1.2rem