diff --git a/front/app/src/app/app.component.html b/front/app/src/app/app.component.html
index 1cca5c03..322d6e13 100644
--- a/front/app/src/app/app.component.html
+++ b/front/app/src/app/app.component.html
@@ -3,7 +3,7 @@
 <main style="margin-top: 0px;">
   <div class="container-fluid">
     <div class="row flex-nowrap">
-      <div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark">
+      <div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark" style="max-width: 200px;">
         <sidenav class="sticky-top"></sidenav>
       </div>
       <div class="col py-3">
diff --git a/front/app/src/app/layout/sidenav/sidenav.component.html b/front/app/src/app/layout/sidenav/sidenav.component.html
index 1079c829..2567054f 100644
--- a/front/app/src/app/layout/sidenav/sidenav.component.html
+++ b/front/app/src/app/layout/sidenav/sidenav.component.html
@@ -1,7 +1,6 @@
 <div class="pt-2 text-white min-vh-100 text-nowrap">
     <a routerLink="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
-
-        <img class="w-100" src="/assets/logo.png" alt="Cooper, Hillman & Toshi LLP">
+        <img class="fs-5 d-none d-sm-inline w-100" src="/assets/logo.png" alt="Cooper, Hillman & Toshi LLP">
     </a>
     <ul class="nav nav-pills flex-column align-items-sm-start mb-sm-auto mb-0 w-100" id="menu">
         <li *ngFor="let item of Menu" class="nav-item w-100">