diff --git a/resources/assets/sass/_app.scss b/resources/assets/sass/_app.scss
index 91029d1..2869d30 100755
--- a/resources/assets/sass/_app.scss
+++ b/resources/assets/sass/_app.scss
@@ -15,10 +15,6 @@
   background-color: #ffffff;
 }
 
-.sidebar.fixed {
-  display: none;
-}
-
 .sidebar .nav-tabs .nav-link {
   border-bottom: 1px solid rgba(0, 40, 100, 0.12);
 }
@@ -98,18 +94,6 @@ th.sortable.sorted-by.desc::after {
   flex:1;
 }
 
-@media (min-width: 992px) {
-  .fixed {
-    flex: 0 0 200px;
-    min-height: 100vh;
-  }
-  .col .fluid {
-    min-height: 100vh;
-  }
-  .sidebar.fixed {
-    display: block;
-  }
-  .header .header-brand {
-    display: none;
-  }
-}
\ No newline at end of file
+.fixed {
+  min-height: 100vh;
+}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 1a2db14..0962b11 100755
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -28,10 +28,12 @@
     <body class="">
         <div class="page container-fluid">
             <div id="app" class="page-main row h-100">
-                @include("otter::partials/sidebar")
+                <div class="col-md-2 d-none d-md-block sidebar fixed">
+                    @include("otter::partials/sidebar")
+                </div>
 
                 <!-- center content -->
-                <div class="col fluid d-flex flex-column px-0">
+                <div class="col-md-10">
                     @include("otter::partials/header")
                     <!-- main content -->
                     <div class="flex-grow">
diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index e5920a4..6fa9a33 100755
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -3,7 +3,7 @@
         <div class="container">
             <div class="d-flex">
                 <a class="header-brand" href="/{{ config('otter.path', 'otter') }}">
-                    <img src="{{ asset('vendor/otter/assets/img/logo.svg') }}" class="header-brand-img" alt="tabler logo">
+                    <img src="{{ asset('vendor/otter/assets/img/logo.svg') }}" class="header-brand-img d-md-none" alt="tabler logo">
                 </a>
                 <div class="d-flex order-lg-2 ml-auto">
                     <div class="dropdown">
diff --git a/resources/views/partials/sidebar.blade.php b/resources/views/partials/sidebar.blade.php
index c7500a2..5fe9545 100755
--- a/resources/views/partials/sidebar.blade.php
+++ b/resources/views/partials/sidebar.blade.php
@@ -1,5 +1,4 @@
 @section("sidebar")
-    <div class="col-md-2 px-0 sidebar fixed">
         <div class="header py-4">
             <div class="container">
                 <div class="d-flex">
@@ -18,5 +17,4 @@
                     path-prefix="{{ config('otter.path', 'otter') }}"
             ></sidebar-component>
         </ul>
-    </div>
-@show
\ No newline at end of file
+@show
