diff --git a/elements/_grouping.scss b/elements/_grouping.scss
index 3278c79..b3b9082 100644
--- a/elements/_grouping.scss
+++ b/elements/_grouping.scss
@@ -318,7 +318,7 @@ div {
 }
 
 // Grid
-.dis_grid {
+.grid {
 	display: grid;
 	grid-gap: config.$space_basic;
 
@@ -332,15 +332,15 @@ div {
 		margin: config.$width_border_io;
 		padding: config.$space_half;
 	}
+}
 
-	&.grid_column_2 {
-		grid-template-columns: max-content max-content;
+.grid_column_2 {
+	grid-template-columns: max-content max-content;
 
-	}
+}
 
-	&.grid_column_4 {
-		grid-template-columns: max-content max-content max-content max-content;
-	}
+.grid_column_4 {
+	grid-template-columns: max-content max-content max-content max-content;
 }
 
 // Sprites
diff --git a/elements/_sections.scss b/elements/_sections.scss
index 4390c31..920a854 100644
--- a/elements/_sections.scss
+++ b/elements/_sections.scss
@@ -1,10 +1,10 @@
-@use "sass:map";
-
 @use "../global/config";
 @use "../global/common";
 @use "../elements/interactive";
 @use "../mixins/media_query" as *;
 
+@use "sass:map";
+
 // Root
 // -----------------------------------------------------------------------------
 html {
diff --git a/elements/_tables.scss b/elements/_tables.scss
index e1d6849..316e7f9 100644
--- a/elements/_tables.scss
+++ b/elements/_tables.scss
@@ -58,15 +58,20 @@ table {
 		table-layout: fixed;
 	}
 
-	&.grid {
-		display: grid;
-		grid-template-columns: auto 1fr auto;
-		border-bottom: 0;
-
-		thead,
-		tbody,
+	&.flexible {
 		tr {
-			display: contents;
+			display: flex;
+			flex-flow: row nowrap;
+			align-items: stretch;
+
+			&:last-child td {
+				border-bottom: none;
+			}
+
+			td.truncate {
+				flex: 1;
+				min-width: 0;
+			}
 		}
 	}
 
diff --git a/mixins/_media_query.scss b/mixins/_media_query.scss
index ead46b3..7cef3e1 100644
--- a/mixins/_media_query.scss
+++ b/mixins/_media_query.scss
@@ -1,7 +1,7 @@
-@use "sass:math";
-
 @use "../global/config";
 
+@use "sass:math";
+
 //Sections for Media Queries
 @mixin forPhoneUp {
   @media (min-width: #{config.$screen_tiny - 1}) { @content; } //599px
diff --git a/modules/io/_io_module.scss b/modules/io/_io_module.scss
index b19b23f..50ecbab 100644
--- a/modules/io/_io_module.scss
+++ b/modules/io/_io_module.scss
@@ -21,7 +21,6 @@ footer {
 
 		nav > span,
 		nav label,
-		.group_nav > span,
 		.a_button {
 			@extend %basic;
 			border: config.$width_border_io solid transparent;
@@ -32,12 +31,12 @@ footer {
 			@extend .button_io;
 		}
 
-		.group_nav {
+		.group-input {
 			display: flex;
 			flex-flow: row nowrap;
 		}
 
-		.wrap_input {
+		.group-input-wrap {
 			border: config.$width_border_io solid transparent;
 			padding: config.$padding_basic;
 			background-color: config.$color_back_io;