diff --git a/resources/assets/sass/classes/_flex-fix.scss b/resources/assets/sass/classes/_flex-fix.scss
new file mode 100644
index 0000000..6d978cd
--- /dev/null
+++ b/resources/assets/sass/classes/_flex-fix.scss
@@ -0,0 +1,5 @@
+.flex-fix {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+}
diff --git a/resources/views/templates/public-vue.blade.php b/resources/views/templates/public-vue.blade.php
index f5ac39b..3ce88b9 100644
--- a/resources/views/templates/public-vue.blade.php
+++ b/resources/views/templates/public-vue.blade.php
@@ -9,12 +9,14 @@
 @section('page-content')
     <nav-component></nav-component>
 
-    <div class="page-container">
-        <div id="router-view" class="main-content">
-            <router-view></router-view>
-        </div>
+    <div class="flex-wrapper">
+        <div class="page-container">
+            <div id="router-view" class="main-content">
+                <router-view></router-view>
+            </div>
 
-        <footer-component></footer-component>
+            <footer-component></footer-component>
+        </div>
     </div>
 @endsection
 
diff --git a/resources/views/templates/public.blade.php b/resources/views/templates/public.blade.php
index 31e4aa4..bd7f2be 100644
--- a/resources/views/templates/public.blade.php
+++ b/resources/views/templates/public.blade.php
@@ -9,11 +9,13 @@
 @section('page-content')
     @include('sections.nav')
 
-    <div class="page-container">
-        <div class="main-content">
-            @yield('content')
-        </div>
+    <div class="flex-wrapper">
+        <div class="page-container">
+            <div class="main-content">
+                @yield('content')
+            </div>
 
-        @include('sections.footer')
+            @include('sections.footer')
+        </div>
     </div>
 @endsection