diff --git a/public/logoer/logo_dark.svg b/public/logoer/logo_dark.svg
new file mode 100644
index 00000000..d64a4067
--- /dev/null
+++ b/public/logoer/logo_dark.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   width="500px"
+   height="500px"
+   style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+   id="svg46"
+   sodipodi:docname="logo_dark.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview16"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.746"
+     inkscape:cx="250.57274"
+     inkscape:cy="250"
+     inkscape:window-width="2560"
+     inkscape:window-height="1377"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg46" />
+  <defs
+     id="defs50" />
+  <path
+     style="fill:#ffffff;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="M 189.00344,40.664376 150.63001,103.66552 176.40321,206.7583 288.65979,230.24055 352.5,159.5 333.33333,64.146621 265.17755,22.909507 Z"
+     id="path1467" />
+  <g
+     id="g4"
+     style="fill:#501616">
+    <path
+       id="path2"
+       style="opacity:0.987;fill:#262f31"
+       d="M 251.59766 9.4707031 C 227.69296 9.1153461 205.99431 16.791856 186.5 32.5 C 153.715 61.9941 139.715 99.3274 144.5 144.5 C 147.912 158.917 152.078 173.251 157 187.5 C 180.293 241.116 211.293 289.783 250 333.5 C 261.813 319.866 273.146 305.866 284 291.5 C 314.129 251.276 336.962 207.276 352.5 159.5 C 352.63 155.475 353.63 151.809 355.5 148.5 C 355.667 134.496 355.5 120.496 355 106.5 C 354.333 103.167 353.667 99.8333 353 96.5 C 341.202 51.7025 313.035 23.2025 268.5 11 C 262.74863 10.062539 257.11412 9.5527086 251.59766 9.4707031 z M 258.5 68.5 C 260.167 69.3333 261.833 70.1667 263.5 71 C 279.174 86.0074 294.174 101.674 308.5 118 C 311.506 120.515 314.84 121.849 318.5 122 C 322.875 116.445 328.542 113.278 335.5 112.5 L 335.5 117.5 C 329.565 118.44 324.565 121.107 320.5 125.5 C 322.266 128.642 324.766 129.642 328 128.5 C 334.102 130.79 335.602 134.29 332.5 139 C 324.397 133.282 315.73 128.615 306.5 125 C 292.16 113.804 279.994 100.638 270 85.5 C 266.479 80.9634 262.146 77.63 257 75.5 C 253.206 76.4524 250.039 78.4524 247.5 81.5 C 237.315 92.5177 227.315 103.684 217.5 115 C 200.213 123.958 182.713 132.458 165 140.5 C 162.681 139.591 162.014 137.925 163 135.5 C 166.268 133.474 169.768 131.974 173.5 131 C 174.386 129.385 175.386 127.885 176.5 126.5 C 178.963 124.539 181.297 122.372 183.5 120 C 187.773 118.97 192.106 118.303 196.5 118 C 198.373 115.791 200.54 113.958 203 112.5 C 203.269 109.72 202.102 107.554 199.5 106 C 195.198 105.616 192.532 107.616 191.5 112 C 184.729 114.372 179.062 118.205 174.5 123.5 C 170.575 126.629 166.241 128.962 161.5 130.5 L 161.5 126.5 C 165.139 124.345 168.806 122.178 172.5 120 C 178.167 111.667 185.167 104.667 193.5 99 C 198.748 97.524 203.081 98.8574 206.5 103 C 210.29 105.841 214.29 106.508 218.5 105 C 226.766 94.7313 235.766 85.0646 245.5 76 C 249.466 72.8684 253.799 70.3684 258.5 68.5 z M 260.62891 89.392578 C 262.77008 89.440531 265.39438 90.309625 268.5 92 C 277.198 100.097 285.198 108.763 292.5 118 C 302.37 124.198 311.37 131.531 319.5 140 C 324.03 142.427 328.363 145.094 332.5 148 C 324.584 174.41 308.251 193.577 283.5 205.5 C 278.607 206.796 273.94 208.462 269.5 210.5 C 267.139 210.674 264.806 211.007 262.5 211.5 C 254.529 212.323 246.529 212.656 238.5 212.5 C 201.738 206.241 177.404 185.408 165.5 150 C 168.167 149.667 170.833 149.333 173.5 149 C 181.5 143.667 189.5 138.333 197.5 133 C 201.5 131.333 205.5 129.667 209.5 128 C 216.233 127.383 220.067 130.55 221 137.5 C 227.646 142.6 231.646 140.933 233 132.5 C 234.731 130.383 236.898 128.883 239.5 128 C 244.5 127.667 249.5 127.333 254.5 127 C 257.937 125.494 259.27 122.827 258.5 119 C 257.669 112.699 256.002 106.699 253.5 101 C 253.54263 93.156175 255.91833 89.287081 260.62891 89.392578 z " />
+  </g>
+  <g
+     id="g8">
+    <path
+       style="opacity:1;fill:#f5e7d3"
+       fill="#f5e7d3"
+       d="M 335.5,112.5 C 328.542,113.278 322.875,116.445 318.5,122C 314.84,121.849 311.506,120.515 308.5,118C 294.174,101.674 279.174,86.0074 263.5,71C 261.833,70.1667 260.167,69.3333 258.5,68.5C 253.799,70.3684 249.466,72.8684 245.5,76C 235.766,85.0646 226.766,94.7313 218.5,105C 214.29,106.508 210.29,105.841 206.5,103C 203.081,98.8574 198.748,97.524 193.5,99C 185.167,104.667 178.167,111.667 172.5,120C 168.806,122.178 165.139,124.345 161.5,126.5C 162.434,84.7745 182.101,55.9412 220.5,40C 265.955,28.8158 301.122,42.9825 326,82.5C 330.403,92.1153 333.57,102.115 335.5,112.5 Z"
+       id="path6" />
+  </g>
+  <g
+     id="g44"
+     style="fill:#262f31">
+    <path
+       style="opacity:0.936;fill:#262f31'"
+       fill="#262f31"
+       d="m 191.5,263.5 c 4.66,6.92 9.326,13.92 14,21 v 23 c 5.297,-0.775 10.63,-1.108 16,-1 4.008,5.006 8.008,10.006 12,15 -9.636,1.053 -19.302,1.72 -29,2 -0.568,18.662 -0.902,37.328 -1,56 32.35,-1.434 64.683,-3.101 97,-5 -2.831,-18.99 -5.05752,-38.79997 -7.89252,-57.80997 -0.414,-0.457 -1.52148,0.019 -2.10748,-0.19003 -6.945,1.051 -13.945,1.718 -21,2 3.281,-5.556 7.281,-10.556 12,-15 h 8 c -0.116,-3.36 -0.449,-6.693 -1,-10 2.978,-4.969 6.311,-9.635 10,-14 1.224,7.62 2.89,15.12 5,22.5 -5.42605,-23.89031 -5,-22.5 -5,-22.5 0,0 9.29583,-0.87606 0,0 2.308,-4.295 6.974,-12.295 10,-16 13.337,-0.167 26.671,0 40,0.5 33.686,65.203 67.519,130.37 101.5,195.5 2.13,4.587 3.963,9.253 5.5,14 -135,0.167 -270,0 -405,-0.5 0.3333,-0.333 0.6667,-0.667 1,-1 -0.948,-0.483 -1.948,-0.649 -3,-0.5 -0.1567,-1.373 0.01,-2.707 0.5,-4 33.6791,-67.359 66.846,-135.026 99.5,-203 14.318,-0.999 28.651,-1.333 43,-1 z m -33,11 h 35 c -0.565,11.007 -1.231,22.007 -2,33 -15.995,1.233 -31.995,2.066 -48,2.5 5.142,-11.782 10.142,-23.615 15,-35.5 z m 145.66523,-3.69805 35.51462,-0.69136 c 3.156,8.3 8.79859,21.71867 11.64259,30.08567 -15.365,0.369 -32.52044,1.17274 -47.82244,1.80374 -2.11,-7.38 -3.776,-14.88 -5,-22.5 3.72889,-6.75983 4.82023,-7.52705 5.66523,-8.69805 z M 205.5,307.5 c -137,-205 -68.5,-102.5 0,0 z m 84,-4 h -8 c 8,0 7.98665,-0.45224 8,0 z m 60,8 c 2.104,-0.299 3.09153,-0.26974 5.49377,0.19003 8.139,19.083 16.97823,38.89297 25.50623,57.80997 -1.923,0.808 -3.923,1.308 -6,1.5 -15.838,0.75 -31.671,1.584 -47.5,2.5 -2.5,-0.333 -5,-0.667 -7.5,-1 -4.717,-18.917 -9.05,-37.917 -13,-57 14.514,-0.958 28.847,-2.291 43,-4 z m -80,7 c 7.055,-0.282 14.055,-0.949 21,-2 0,0 -4.54994,0.43455 -21,2 z m -89,7 h 9 c -0.824,18.382 -2.158,36.716 -4,55 -24.164,1.41 -48.164,2.41 -72,3 7.645,-17.961 14.978,-35.961 22,-54 15.189,-0.848 30.189,-2.182 45,-4 z m 198,59 c 2.747,-0.313 5.414,0.02 8,1 8.111,17.855 16.111,35.688 24,53.5 -25.34,0.833 -50.673,0.666 -76,-0.5 -4.141,-16.232 -7.808,-32.565 -11,-49 18.513,-1.292 36.847,-2.958 55,-5 z m -84,7 h 9 c 2.117,16.035 4.45,32.035 7,48 -36.319,-0.947 -72.653,-1.28 -109,-1 0.367,-12.999 0.7,-25.999 1,-39 30.86,-2.127 61.527,-4.793 92,-8 z m -119,10 h 9 c -1.254,12.301 -2.254,24.635 -3,37 -30.002,0.167 -60.002,0 -90,-0.5 4.0165,-10.061 8.0165,-20.061 12,-30 24.181,-1.847 48.181,-4.014 72,-6.5 z"
+       id="path42" />
+  </g>
+</svg>
diff --git a/src/Forside/ForsideInformasjon.js b/src/Forside/ForsideInformasjon.js
index 03ea395d..7591ae77 100644
--- a/src/Forside/ForsideInformasjon.js
+++ b/src/Forside/ForsideInformasjon.js
@@ -4,6 +4,7 @@ import "../style/Forside.scss";
 import Kilder from "./Kilder";
 import Utforsk from "../HamburgerMeny/Utforsk/Utforsk";
 import { useNavigate } from "react-router";
+import { ChevronRight} from "@material-ui/icons";
 
 const ForsideInformasjon = ({onToggleHovedMeny}) => {
   const navigate = useNavigate();
@@ -12,33 +13,43 @@ const ForsideInformasjon = ({onToggleHovedMeny}) => {
       <div className="frontpage_body">
         <div
           className="frontpage_header"
-          onClick={e => {
-            e.stopPropagation();
-            navigate("/Natur_i_Norge/");
-          }}
+         
         >
           <div className="frontpage_icon">
             <img
               src="/logoer/small_icon_grey_two.png"
-              className="logo_image_frontpage"
+              className="logo_image_frontpage"  
               alt="artsdatabanken logo"
             />{" "}
           </div>
           <div>
             <h1>NiN-Kart</h1>
             <h2>Natur i Norge</h2>
-          </div>
+            
+          </div><p>Kart-tjeneste for Natur i Norge (NiN)-systemet. <br/>
+          Nåværende kartløsning viser data fra NiN-2.</p>
+          <button  onClick={e => {navigate("/Natur_i_Norge/");}} class="primary">
+              Gå til kart 
+              <ChevronRight />
+            </button>
+        </div><div className="frontpage_link_items">
+          <h2>Utforsk NiN-kart via ikonene nedenfor</h2>
+          <Utforsk onToggleHovedMeny={onToggleHovedMeny} />
         </div>
 
         <div className="frontpage_feature_block">
           <div className="frontpage_feature_container">
-            <img src="/logoer/logo_hvit.svg" alt="" />
+            <img src="/logoer/logo_dark.svg" alt="" />
             <div>
               <h2>Hva er Natur i Norge?</h2>
               <p>
                 Natur i Norge (NiN) er et type- og beskrivelsessystem for
-                naturvariasjon.
-                <br />
+                naturvariasjon som benyttes i kartlegging av landets landskap og naturtyper. 
+                
+              </p>
+                
+              <p>
+                 <span>Les mer på </span>
                 <a
                   href="https://www.artsdatabanken.no/NiN"
                   className="inverted_link"
@@ -50,11 +61,10 @@ const ForsideInformasjon = ({onToggleHovedMeny}) => {
           </div>
         </div>
 
-        <div className="frontpage_link_items">
-          <h2>Utforsk NiN-kart via ikonene nedenfor</h2>
-          <Utforsk onToggleHovedMeny={onToggleHovedMeny} />
-        </div>
+        
       </div>
+      
+      
       <div className="frontpage_footer">
         <div className="frontpage_sources">
           <a
diff --git a/src/style/App.scss b/src/style/App.scss
index a359627c..f7b7d60f 100644
--- a/src/style/App.scss
+++ b/src/style/App.scss
@@ -7,6 +7,7 @@ on overlying node we can't get rid of*/
 body,
 #root {
   pointer-events: none;
+  background: #fffcf7;
 }
 body *,
 #root * {
@@ -38,6 +39,11 @@ button {
   border: 0;
 }
 
+*:focus,
+*:focus-visible{
+  outline:2px solid $focus-color;
+}
+
 a,
 a:visited,
 a:active,
@@ -55,13 +61,6 @@ a .MuiSvgIcon-root {
   vertical-align: middle;
 }
 
-.inverted_link,
-.inverted_link:visited,
-.inverted_link:active,
-.inverted_link:focus {
-  color: $bright-nin;
-}
-
 body,
 input,
 p,
@@ -85,18 +84,83 @@ b {
 
 /* ALL BUTTONS */
 
+/* Button system */
+
+// Variables
+$gap: $base-size;
+$button-font-size: 16px;
+$icon-size: 18px;
+$padding-horisontal: 22px;
+$padding-vertical: 14px;
+$border-width: 2px;
+$focus-border-width: 3px;
+$icon-button-size: 40px;
+$focus-outline: $focus-border-width solid $focus-color;
+
+
 button {
-  border: 0px;
+  padding: $padding-vertical $padding-horisontal;
+  border-radius: $border-button-radius;
+  border-width: $border-width;
+  border-style: solid;
+  box-sizing: border-box;
+  font-size: $button-font-size;
+  line-height: $button-font-size;
+  margin: $gap;
+  margin-left: 0;
+  display: flex;
+  align-items: center;  
+  border-color: transparent;
+}
+
+button img,
+button svg{
+  vertical-align: baseline;
+  margin-right: $gap;
+  font-size: inherit;
+  height:24px
+}
+
+.frontpage_link_items .menu_item,
+.secondary {
+  background: $secondary-color;
+  border-color: $secondary-color;
+}
+
+.layerbutton{
+  background: transparent;
 }
 
+.layer_list_element.subelement .layerbutton:hover,
+.layerbutton:hover,
 button:hover,
 button.active:hover,
 button.active:focus,
-button.active {
+button.active,
+.frontpage_link_items .menu_item:hover,
+.layerbutton:hover,
+.secondary:hover,
+.secondary:active {
+  color: $body-color;
   cursor: pointer;
-  _background-color: $medium-nin;
+  background: $secondary-color-hover;
+  border-color: $secondary-color-hover;
+}
+
+.primary {
+  background: $primary-color;
+  border-color: $primary-color;
+  color: $white
+}
+
+.primary:hover,
+.primary:active {
+    background: $primary-color-hover;
+    border-color: $primary-color-hover;
+    color: $white
 }
 
+
 .meny_ikon_image {
   width: 20px;
   height: 20px;
@@ -137,14 +201,11 @@ div {
   background: transparent;
   border: none;
   padding: 4px;
-  margin: none;
   display: inline-block;
-}
-
-.invisible_icon_button:active,
-.invisible_icon_button:hover {
-  opacity: 0.5;
-  cursor: pointer;
+  line-height: inherit;
+  margin: 0;
+  text-align: center;
+  flex:none
 }
 
 /* Last inn mer-knappen */
@@ -177,7 +238,6 @@ div {
   border: 0;
   margin: 0;
   border-radius: 0;
-  outline: none;
   display: flex;
   justify-content: flex-start;
   vertical-align: middle;
@@ -458,9 +518,9 @@ div {
   padding: 0px;
   border-radius: 5px;
   margin-bottom: 5px;
-  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
-    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
   overflow: hidden;
+  border: 1px solid #d9d9d9;
+  color:$body-color
 }
 
 .subsection p {
diff --git a/src/style/Forside.scss b/src/style/Forside.scss
index 9daa3f05..417a315b 100644
--- a/src/style/Forside.scss
+++ b/src/style/Forside.scss
@@ -1,4 +1,5 @@
 @import "./GraphicProfile.scss";
+
 /* Container */
 .frontpage {
   width: 100%;
@@ -15,7 +16,7 @@
 }
 
 .frontpage_link_items{
-  background:$sand-80
+  background:$background-1
 }
 
 @media only screen and (max-width: 768px) {
@@ -31,8 +32,9 @@
 /* Header */
 
 .frontpage_header {
-  background: $brightest-nin;
+  background: $sand-80;
   padding: 20px;
+  text-align: center;
 }
 
 .frontpage_header div {
@@ -41,6 +43,11 @@
   text-align: left;
 }
 
+.frontpage_header button{
+  margin: auto;
+  margin-top: 20px;
+}
+
 /* Headings */
 
 .frontpage h1,
@@ -57,15 +64,10 @@
 /* fEATURE bLOCK */
 
 .frontpage_feature_block {
-  background: $dark-nin;
+  background: $sand-50;
   font-size: 16pt;
 }
 
-.frontpage_feature_block,
-.frontpage_feature_block h2 {
-  color: white;
-}
-
 .frontpage_feature_container {
   max-width: 1024px;
   margin: auto;
@@ -109,7 +111,7 @@
   width: auto;
   margin: 25px;
   text-align: center;
-  border-radius: 3px;
+  border-radius: $border-button-radius;
   position: relative;
 }
 @media only screen and (max-width: 768px) {
@@ -120,17 +122,11 @@
   }
 }
 
-.frontpage_link_items .menu_item svg,
-.frontpage_link_items .meny_ikon_image {
-  width: 80px;
-  height: 80px;
-  display: block;
-  margin: auto;
+.flexit{
+  display: flex;
 }
 
 /* Footer */
-.frontpage_body {
-}
 
 .artsdatabanken_logo img,
 .frontpage_sources:first-child a img {
@@ -138,12 +134,12 @@
 }
 
 .frontpage_footer {
-  min-height: 300px;
+  min-height: 320px;
   width: 100vw;
   text-align: center;
   background: $brightest-nin;
   color:$body-color;
-  padding-top:0px
+  padding-top:2px
 }
 
 .frontpage_icon svg {
@@ -198,7 +194,7 @@
 }
 
 .frontpage_link_items .hamburger_menu_item div {
-  display: inline-block;
+  display: flex;
 }
 
 .frontpage_link_items .hamburger_menu_item .mobile_only {
diff --git a/src/style/GraphicProfile.scss b/src/style/GraphicProfile.scss
index bee6490d..cf213d3b 100644
--- a/src/style/GraphicProfile.scss
+++ b/src/style/GraphicProfile.scss
@@ -1,12 +1,27 @@
+$fresh-water-blue: #005B72; 
+$fresh-water-blue-medium: #017590;
+$fresh-water-blue-light: #0283a1; // Ferskvannblå
+$fresh-water-blue-80: #337B8D;
+$fresh-water-blue-20: #CCDEE3;
+$fresh-water-blue-10: #E6EFF1;
+$primary-color: $fresh-water-blue;
+$primary-color-hover: $fresh-water-blue-80;
+$secondary-color: $fresh-water-blue-20;
+$secondary-color-hover: $fresh-water-blue-10;
+
+
 /* NiN Main Pallette*/
 $sand-80:#F5E7D3;// Border infobox
 $sand-50:#FFF7EB; // heading + footer
 $sand-10:#FFFCF7; // Innhold bg
+
+$background-1:#fff9f0;
+$background-2:$sand-10;
 $white:#FFF;//infobox bg
 $font-chivo: 'Chivo', sans-serif;
 $font-space: 'Space Mono', sans-serif;
 $super-duper-dark-nin: #f5e7d3;// #165d6b;
-$link-color:#017590;
+$link-color:$fresh-water-blue-medium;
 $super-dark-nin: $sand-80;//hsla(189, 30, 45, 1); //#347c8a;
 $darkest-nin: hsla(189, 12%, 18%, 1); //#4d8b96;
 $dark-nin: hsla(189, 12%, 18%, 1); //#4b909e;
@@ -14,6 +29,7 @@ $medium-nin: hsla(189, 12%, 24%, 1); // #81b2bb;
 $bright-nin: hsla(189, 12%, 31%, 1); //#b7d3d8;
 $brightest-nin:$sand-10; //hsla(189, 30, 95, 1); // #edf4f5;
 $transparent-bg:#fff7eb9e;// #0222286e;
+$focus-color: $fresh-water-blue-light;
 /* FUN COLOURS */
 $fun-bg-1: #bce0ce;
 $fun-bg-2: #dadfcf;
@@ -89,3 +105,6 @@ $searchbar-width: 300px;
 /* Top menu margins and paddings */
 $top-pad: 5px;
 $top-icon-height: 40px;
+
+$base-size:8px;
+$border-button-radius: 30px;;
\ No newline at end of file
diff --git a/src/style/Kartlag.scss b/src/style/Kartlag.scss
index b184c5bd..a7583629 100644
--- a/src/style/Kartlag.scss
+++ b/src/style/Kartlag.scss
@@ -130,7 +130,6 @@ button.breadcrumb:hover {
 .kartlag_header {
   position: relative;
   height: 24px;
-  border-bottom: 1px solid $sand-80;
   border-top: 1px solid $sand-80;
   background: $panel-bg;
   margin-top: -1px;
@@ -140,7 +139,6 @@ button.breadcrumb:hover {
   position: absolute;
   right: 7px;
   top: 1px;
-  background: none;
   padding: 6px 0;
 }
 
@@ -179,7 +177,6 @@ button.breadcrumb:hover {
   width: 50px;
   padding: 0;
   padding-top: 0px;
-  background: white;
   line-height: 50px;
   margin-right: 2px;
   padding-top: 7px;
@@ -201,10 +198,6 @@ button.breadcrumb:hover {
   border: 1px solid $panel-section-bg;
 }
 
-.layer_list_element.subelement .layerbutton:hover,
-.layerbutton:hover {
-  background: grey;
-}
 
 .section h3 .layerbutton svg {
   height: 32px;
@@ -212,8 +205,10 @@ button.breadcrumb:hover {
 }
 
 .layerbutton svg {
+  margin-left: auto;
+  margin-right: auto;
   margin-top: auto;
-  margin-bottom: auto;
+  margin-bottom: 10px;
 }
 
 .kartlag_element_text {
@@ -394,3 +389,7 @@ button.breadcrumb:hover {
 .lukkbartvindu .closetab {
   z-index: 0;
 }
+
+.kartlag_element_buttons{
+  display: flex;
+}
\ No newline at end of file
diff --git a/src/style/NavMenu.scss b/src/style/NavMenu.scss
index 18f161d8..8775a0e3 100644
--- a/src/style/NavMenu.scss
+++ b/src/style/NavMenu.scss
@@ -10,10 +10,6 @@
   padding-right: 20px;
 }
 
-.nav_menu_button:hover {
-  background: $bright-nin;
-}
-
 .nav_text {
   display: inline-block;
   vertical-align: top;
diff --git a/src/style/Sidebar.scss b/src/style/Sidebar.scss
index e8e77df4..2774d6ea 100644
--- a/src/style/Sidebar.scss
+++ b/src/style/Sidebar.scss
@@ -31,11 +31,11 @@ Their common buttons
   background-color: $panel-bg;
   position: absolute;
   overflow-y: auto;
-  box-shadow: $box-shadow-card;
   width: $sidebar-max-size;
   height: 100%;
   max-height: $actual-map-height;
   top: $topbar-height-nin;
+  border:1px solid $sand-80
 }
 
 @media only screen and (max-width: 768px) {