          <i class="ti ti-timeline text-2xl"></i>
              </span>
              <span :class="{ 'lg:hidden': !isSidebarOpen }" class="ml-2 lg:hidden">Risk</span>
              <span :class="{ 'lg:hidden': !isSidebarOpen }" aria-hidden="true" class="ml-auto lg:hidden">
                <!-- active class 'rotate-180' -->
                <svg :class="{ 'rotate-180': open }" class="w-4 h-4 transition-transform transform" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/sv