diff --git a/lib/models/Courseware/BlockTypes/TableOfContents.php b/lib/models/Courseware/BlockTypes/TableOfContents.php
index f6df5277ca4d7fc24c70e0fed93a5a016d890fe6..320f336fb3ed867ccd2b57480ed0d6f4c519497b 100755
--- a/lib/models/Courseware/BlockTypes/TableOfContents.php
+++ b/lib/models/Courseware/BlockTypes/TableOfContents.php
@@ -32,7 +32,7 @@ class TableOfContents extends BlockType
     public function initialPayload(): array
     {
         return [
-            'style' => '',
+            'style' => 'list',
             'title' => '',
         ];
     }
diff --git a/resources/assets/stylesheets/scss/courseware.scss b/resources/assets/stylesheets/scss/courseware.scss
index fdfa011ecd660088b1461683498196f0b4db3cd8..cd4c5c83bf373dc17a21c15783aec07428ce25b2 100755
--- a/resources/assets/stylesheets/scss/courseware.scss
+++ b/resources/assets/stylesheets/scss/courseware.scss
@@ -4059,22 +4059,15 @@ toc block
 }
 
 .cw-block-table-of-contents-tiles.cw-tiles  {
-    &.cw-tiles-space-between {
-        justify-content: space-between;
-    }
     .tile {
-        margin: 0 0 5px 0;
-        &.cw-tile-margin {
-            margin: 0 5px 5px 0;
-        }
+        margin: 0 3px 5px 0;
+
     }
 }
 
 .cw-container-colspan-half {
     .cw-block-table-of-contents-tiles.cw-tiles  {
-        justify-content: space-between;
         .tile {
-            margin: 0 0 5px 0;
             width: 267px;
         }
     }
diff --git a/resources/vue/components/courseware/CoursewareTableOfContentsBlock.vue b/resources/vue/components/courseware/CoursewareTableOfContentsBlock.vue
index 9440eb173557f1ab4ecd15634769e24201d17def..e35e041962f2aa3aa51e62baf69f53d563a9291c 100755
--- a/resources/vue/components/courseware/CoursewareTableOfContentsBlock.vue
+++ b/resources/vue/components/courseware/CoursewareTableOfContentsBlock.vue
@@ -26,13 +26,12 @@
                 <ul
                     v-if="currentStyle === 'tiles'" 
                     class="cw-block-table-of-contents-tiles cw-tiles"
-                    :class="[childElements.length > 3 ? 'cw-tiles-space-between' : '']"
                 >
                     <li
                         v-for="child in childElements"
                         :key="child.id"
                         class="tile"
-                        :class="[child.attributes.payload.color, childElements.length > 3 ? '':  'cw-tile-margin']"
+                        :class="[child.attributes.payload.color]"
                     >
                         <router-link :to="'/structural_element/' + child.id" :title="child.attributes.title">
                             <div